html, css

Solution retrospective
I would like to get some advice about responsiveness.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @afrussel
Good work. Just having some issue on image section. Use the below code:
.img-mono { -webkit-filter: grayscale(100%); filter: grayscale(100); opacity: 0.8; mix-blend-mode: multiply; }
Marked as helpful - @darryncodes
Hi Mate
Good effort, your design looks really close to the original solution!
- i think your border-radius locations need to be updated on your mobile view, they're on the wrong corners
- you should research using relative units not absolute units for responsive design. This is an excellent brief best practice guide
- you could clear up your accessibility and html issues report with some simple quick fixes. Be mindful of your use of semantic mark up use more descriptive tags like
<main>
<section>
<footer>
where appropriate. Add an alt-tag to your image and use a<h1>
in your design.
Good luck with it all 🤙
Marked as helpful
Join 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