title: Underlying methodology of web UI developement using Tailwind CSS
body: <p>All guides and video tutorials just show how easy and fast it is to achieve the styling using Tailwind CSS, none of them explain why they apply those classes or choose a nested <code>&lt;div&gt;</code> tag.</p>
  <p>Take the first Banner template in below URL as an example, <a href="https://tailwindui.com/components/marketing/elements/banners" rel="nofollow noreferrer">https://tailwindui.com/components/marketing/elements/banners</a> Why a simple Banner has so many nested  tag ? can not they be combined into 1 or 2 <code>&lt;div&gt;</code> tags to make it much simpler and easy to read/maintain ? I just do not understand why ?</p>