Skip to content
Submitted over 3 years ago

Mobile-first Loopstudios Landing Page using Flexbox and CSS Grid

Ron Paolo Toyhacao•165
@rontoyhacao
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Loopstudios landing page
  • HTML
  • CSS
  • JS
2junior

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

  • Amir Afshar•140
    @Afshar07Posted over 3 years ago

    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
    Ron Paolo Toyhacao•165
    @rontoyhacaoPosted over 3 years ago

    @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
    Amir Afshar•140
    @Afshar07Posted over 3 years ago

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

    0

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