Basic CSS Macro layout

[rpmolina]

Describe the feature

In this web.dev article, macro layout is defined as the high-level design structure of a website or application. It includes the major sections or components of the website, such as the header, footer, navigation, content areas, and any other important elements that provide the overall framework for the website.

The macro layout is typically the first design decision that is made when designing a website, and it sets the foundation for the rest of the design process. It helps to establish the hierarchy of information, create a logical flow of content, and ensure that the website is easy to navigate and use.

The idea of this issue is to implement some of the most common macro layouts used today:

• Blog
• E-commerce
• Landing
• Admin panel
• Card listing
• Dashboard

Use Case

Template Referece

Proposed Solution

Implement macro layout, taking into account reset css, positioning of the main elements (header, navigation, content, footer), scrollable sections and responsiveness.

Other Information

No response

Acknowledgements

• I may be able to implement this feature request
• This feature might incur a breaking change

Version used

Environment details (OS name and version, etc.)

┆Issue is synchronized with this Clickup task by Unito