Design comparison
Community feedback
- @HassiaiPosted almost 2 years ago
Replace <div class="myDiv"> with the main tag , you for to remove the two extra closing div tags: one below the img and the other is before the closing tag of the body. To center a content on a page, add min-height:100vh; to the body. reduce the padding in .myDiv from 50px to 10px, don't change this in the media query give the .image a width of 100% or max-width of 100% and a border-radius, don't change this in the media query There is no-need for d2 { align-content: center; }. you did not specify this in the html file. In the media query (max-width:375px), give .myDiv a width value 80%. Use rem or em as unit for the padding , margin, width and preferably rem for the font-size for more on this watch this https://youtu.be/N5wpD9Ov_To
Hope am helpful. Happy coding
0
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