You have been tasked by Project Pizza to improve their website, to make it visually appealing. They have provided a guideline of expected design aspects for you to implement.
- The Company's primary color is light-blue (
#45BFED
) - The "whole pizza" image should fill the top of the page, at full width.
- The header containing the title and subtitle should be underneath the
.pizza-header
image. - The 3 images should follow and be fully opaque (
opacity
of 1) - The
background-color
of the website should be the company's primary color - Other texts on the website should be white.
- Hyperlinks should appear in a "magenta"
color
. - The footer of the website should be grey
- No cursive
font-family
please (serif
andsan-serif
) only - On mobile, the images in the image grid should stack in a column (hint:
flex-direction
should change) - Feel free to change the images if you feel it would be better for the user.
- When I hover over a hyperlink, it should turn black