Layouts

Notes: The following layouts utilize CSS Grid. Due to the custom nature of Spinutech websites and the nearly endless customizations available in CSS Grid, the designer is encouraged to use the following as a jumping off point. There are numerous CSS Grid generators available (e.g., https://cssgrid-generator.netlify.app/) and resources (e.g., A Complete Guide to Grid) to aid in the creation of additional layouts.

Associated Files: styles.css

Examples

1-Column Layout

Header
Content
Footer

2-Column Layout

Header
Content
Footer

3-Column Layout

Header
Content
Footer