Order Summary - Grid , Flex , Global Values , Root
Design comparison
Community feedback
- @HassiaiPosted over 1 year ago
You forgot to add a background-image with a background-size of contain and a background-repeat of no-repeat to the body.
For a responsive content, replace the width in .container with max-width and increase its value.
max-width: 432px which 27rem/em
. there is no need to give .container a height value.Give the body a background-color of pale-blue.
Use relative units like rem or em as unit for the padding, margin, width values and preferably rem for the font-size values, instead of using px which is an absolute unit. For more on CSS units Click here.
This challenge requires a media query, in the media query change the background-image of the body.
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord