In this assignment, HTML and CSS were used to create two layouts on the same page:
- The <header>, which features a logo, a page title (H1), and a navigation bar.
- The <main>, which uses {grid} to display a gallery of images around a central text box.
Flexbox and grid were used to achieve both separate layouts. Responsive design was achieved through the use of the object-fit and grid-positioning properties, allowing the dimensions of the page to adjust to different screen sizes without CSS media queries.
Click here or use the button below to visit the webpage.
Kristina Algas 