@CHarvey820
Posted
Your desktop version looks good! If you want to get closer to the design, I would suggest turning the Gabrielle Essence Eau De Parfum text into an h1
and increasing the font size.
The content on the mobile layout looks like it spills over outside of its container, changing to a max-width
property would help combat that issue.
.chanel .content {
max-width: 100%;
}
Hardcoding the height of your .chanel
to 450px causes your content to spill out from the bottom on small screens, since the content needs more space to grow vertically. If you change it to height: auto;
the layout will adjust itself.