Design comparison
Solution retrospective
i have a diffcult to optmize a links insider
Community feedback
- @jeremiahlateefPosted over 2 years ago
Hello Karem, always build for the mobile screen before you build the desktop screen. Most users will use a phone to check your site rather than a desktop or a laptop. You did well for the bigger screen but the smaller screen does not display all the features properly. Also, learn what sematic tags means and how to properly apply it to the HTML file.
Marked as helpful0@KaremSherifPosted over 2 years ago@Jerryl-597 ok bro thanks for supporting me I will take by your ideas
0 - @denieldenPosted over 2 years ago
Hi Karem, great work on this challenge! 😉
Here are a few tips for improve your code:
- add
margin-inline: auto
tomax-width
class to center the page content in the large screen - use
header
tag for wrap the navbar and for improve the Accessibility instead of usingsection
tag - add
main
tag and wrap the content of page andsection
for improve the Accessibility - don't forget the
footer
in the bottom of page - add descriptive text in the
alt
attribute of the images - use
button
isteada
tag for the buttons - instead of using
px
use relative units of measurement likerem
-> read here
Overall you did well 😁 Hope this help!
Marked as helpful0@KaremSherifPosted over 2 years ago@denielden thanks bro those points give me good ideas I'm grateful to you thanks for your time
1 - add
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