Layout

Grid Used
All pages use a grid with 4 columns and 200 10px rows with a gutter of 20px. One element spans all four colums, and a maximum of two elements can span two columns each side by side to suit smaller screen sizes and ensure good readibility and legibility.
Spacing Guidelines
We maintained consistent spacing by utilizing specific measurements: a 20px margin from the screen edge, a 20px gap between section headers and subsequent elements, a 60px space between major sections, a 40px distance between the header, navbar, and content, and likewise, a 40px gap around buttons. These guidelines ensured uniform spacing, enhancing the visual appeal of the design.
