CSS Layouts

What CSS Does

CSS controls the visual presentation of a website. It manages colours, spacing, typography, layout, responsiveness and visual consistency across the site.

Layout Techniques Used in This Site

• Flexbox: used for the navigation bar and sticky footer layout.
• CSS Grid: used for the three-card layout on the home page.
• Media queries: used to change layouts for mobile screens.
• Reusable classes: used for cards, buttons and page sections.

Responsive Design Goal

A responsive website should be easy to read and navigate on large screens, tablets and mobile phones.

In this project, the desktop layout uses a three-column card grid, while the mobile layout stacks cards vertically and changes the navigation into a hamburger menu.