Design comparison
Solution retrospective
This is my solution for the 'Social proof section'. Let me know Are there any problems.
Community feedback
- @nathanieladiahPosted over 2 years ago
Hey, the link to the github repo doesn't seem to be working.
While the preview site looks good on a larger screen size (aside from some color differences), the content gets cut off at smaller screen sizes. You can consider using media queries to create breakpoints for different screen sizes to change the layout of the page.
A common design pattern would be to start with the mobile version of the page, in this case, the layout could be done with a
display: flex;
with aflex-direction: column
. Then at larger screen sizes you can switch to adisplay: grid;
or do something with flex as a row.In terms of the HTML markup, consider putting the markup inside of a
<main>
tag rather than a<header>
.Marked as helpful0@AbdurRaheemCPosted over 2 years ago@nathanieladiah I will try to make the website as you said. Thank you for your helpful comment. : )
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