Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mobile-first Loopstudios Landing Page using Flexbox and CSS Grid

@rontoyhacao

Desktop design screenshot for the Loopstudios landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I learned how to make a full view navigation on mobile through this project. Please feel free to give feedback, I appreciate the effort. :))

Community feedback

@Afshar07

Posted

Hey Ron, first of all, great job, this looks marvelous! I'm doing the same challenge and I have a problem with the "Our creation" section, can you tell me how can I make the text's background on images a little darker like yours?

0

@rontoyhacao

Posted

@Afshar07 thank you for the appreciation. about the dark text background, what I did is that I set a box-shadow property on the background image with an inset value. this will make the shadow inverted. goodluck on your challenge. :))

1

@Afshar07

Posted

@rontoyhacao Thank you so much, that's brilliant! I appreciate you ^_^ <3

0

Please log in to post a comment

Log in with GitHub
Discord logo

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