Design comparison
Solution retrospective
Good day Frontendmentor Community,
except for a few problems with the image and the height of the container, I think everything turned out pretty well. I have unfortunately only later noticed that there is an extra image for the mobile version :o
Community feedback
- @yaredh30Posted almost 3 years ago
Hey man! you killed this challenge. Did you also use JavaScript? You are a natural!
0 - @st3wnPosted almost 3 years ago
Thank you man!
0@IEdiongPosted almost 3 years ago@st3wn You're welcome.
I also forgot to add that you could do better on the blend mode of the image. Here is a link to my completed work for you to have a look at how I did it. Remember, there are multiple ways of doing things in CSS. The main thing is achieving the desired outcome.
0 - @IEdiongPosted about 3 years ago
Hello 👋, Well done on completing this challenge this was a tough one for me too.
Some suggestions;
- you could set a
max-width
on the.container
so as to not stretch and distort the content at655px
to about1000px
. - try looking into the accessibility issues raised here. They would also teach you a thing or two about web accessibility.
Shalom! 🕊️
0 - you could set 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