Design comparison
SolutionDesign
Community feedback
- @CodeWithAlaminPosted almost 2 years ago
Hi Marco Paolinoπ Great job on completing this challenge! π₯³
I would like to share a few suggestions on this solution if you don't mind.
HTML
- Consider adding a
title
element to thehead
of the page. This will help improve the SEO of the page and give users a better understanding of the content when they see it in search results or on their browser tab. Learn more - Make sure to use appropriate
alt
attributes for your images. This will improve accessibility for users with screen readers and also help with SEO. Learn more
CSS
- Use the
font-size
property in combination with therem
unit to set the font sizes in the page. This will allow you to more easily scale the font sizes for different screen sizes and devices. Learn more - Use the
box-sizing
property set toborder-box
on the*
selector to ensure that the width and height of elements includes any padding and border. This can make it easier to size and position elements on the page. Learn more - Consider using the
object-fit
property to specify how images should fit within their containers. This can be especially useful when working with responsive designs. Learn more - Use the
cursor
property to give users visual feedback when they hover over interactive elements like buttons. Learn more - Use the
box-shadow
property to add subtle shadows to elements like buttons to give them more depth and visual interest. Learn more
Overall, this is a very well done solution to the challenge. Great job!
I hope this feedback was helpful. π Keep up the good work!π
Marked as helpful1@Marchino5791Posted almost 2 years agoHi Alamin. Thank you for yours suggestions :)
0 - Consider adding a
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