Design comparison
Solution retrospective
Although a simple challenge, I had a difficult time trying to resize the images at the bottom of the page to have the same length in width and height without looking strange. But overall, it was a fun challenge. Any feedback is welcome. After all, that's how we grow and learn as developers.
Thank you!
Community feedback
- @sulemaan7070Posted almost 2 years ago
hey Ebenezer😄, you really did a pretty good job. and your site looks accurate to the design🎉💯... The new thing which I have observed in the code is you used the
useEffect and width of the screento change the image... I had no idea we can do that...did you use that on purpose?....if it was on purpose then great job! otherwise since you have already used tailwind this following way is much simpler!!<img className="flex xl:hidden" src="mobile-img"/> <img className="hidden xl:flex" src="desktop-img"/>Marked as helpful0@ekankamPosted almost 2 years ago@sulemaan7070 Thank you Suleman. That was the only solution I could come up with to switch the images based on the breakpoint. But your solution is so much simpler than mine. I will try that in my next challenge. Thank you.
1
Please log in to post a comment
Log in with GitHub
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