Huddle Landing Page With a Single Introductor Section
Design comparison
Community feedback
- @HassiaiPosted almost 2 years ago
There is noo need to give the body a height value. Replace background-position: center; with background-size: cover; Give the body a width value of 90% or 80%. There is no need to give .header a width value, height value, padding right and left value and display:flex and its properties. Give . header a padding top and bottom value. There is no need to give . main a width value,height value, justify-content center, align-items center. give a margin-top value , display:flex; and gap:2.5em; give figure a width of 50% and .text a width of 40% Give Figure img a max-width of 100%: figure img{max-width:100%} there is no need to change the width value in the media query. Give a display: inline-block instead of display flex and its properties and reduce the border-radius value.
There is no need to give . main a height value , .text a height value in the media query(max-width:800px). in the media query(max-width:800px), give . text remove align-items: center;
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