Design comparison
SolutionDesign
Solution retrospective
The most complicated part of this challenge seemed to me to be the orderly positioning of the elements such as the background of the main image.
The process that I have followed is to separate into 2 containers: left and right, and then in the desktop version using display flex, separate both containers horizontally with a media query.
By having tags like <details> and <summary> from html it was not necessary to add javascript to the project.
Community feedback
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