Design comparison
Solution retrospective
Hello everyone ! 🙂
Here is my version for this challenge, any feedback/remark is appreciated ! It's not pixel perfect and I feel I'm off with some font weights. However I tried to focus on semantic HTML as I always used divs only before, so suggestions about a better use of those tags would be nice.
Moreover, for the images section part I started with <img>
but I switched to the CSS property background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent), url(../images.jpg);
because I struggled to find a way to apply a dark linear gradient on the bottom of the image. So I guess it's quite bad for screen readers due to the absence of alt attributes am I right ?
Have a nice day ☀️
Community feedback
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