Submitted about 4 years ago

HTML Markup, Flexbox, CSS Grid, Mobile-first workflow, JS, Sass

@LidiaRJ

A solution to the Loopstudios landing page challenge

Solution retrospective

Hello fellow devs! I just finish this project. I had been having some trouble setting the div I used to create the gradient for the gallery. I had some trouble adjusting it to the image when being responsive so I ended up applying a fixed width to the image and gradient on mobile version.

I had also some troubles setting the gallery in a centered position. Giving it a width of 100% or 100vw would result in an overflow in X (horizontally).

Any feedback on these problems or in general about my solution is very welcome. Thanks!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Lidia's solution.

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