While your project resembles the design specification, it does not match the layout in any section.
There is an element overflowing its container, and it is causing a pretty significant horizontal scroll:
Many items are not centered as indicated on the design specification, like the .hero-image.
The margin properties applied to .pics causes them to layout 2x2 with 1 below. Removing the margin properties allows the pictures in this Featured Tea section to layout 3x2, as seen in the spec.
There are sizes applied to elements that do not match the design specification.
While your project resembles the design specification, it does not match the layout in any section.
There is an element overflowing its container, and it is causing a pretty significant horizontal scroll:
Many items are not centered as indicated on the design specification, like the
.hero-image.The
marginproperties applied to.picscauses them to layout 2x2 with 1 below. Removing the margin properties allows the pictures in this Featured Tea section to layout 3x2, as seen in the spec.There are sizes applied to elements that do not match the design specification.