Skip to content
Submitted about 3 years ago

Responsive Layout Using Bootstrap Grid

Elyse Chambers•45
@Elyseeloo
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

Hello Frontend Community!

This website was a fresh and fun challenge! I loved the graphics and the layout of the images. I used Bootstrap for the grid sections. If you have any tips on how I can more seamlessly and concisely use Bootstrap or even pure CSS to achieve this same effect, I would love to know.

Also, I couldn't find a way to highlight the imaged on the "Creations" section while also making the text color black like it is in the design. Any tips on that would be much appreciated.

Thank you~!

Community feedback

  • Sebastian Luis Smuraglia•410
    @AngelGris76Posted about 3 years ago

    Hi Elyse, I am also practicing

    You have some issues, you can view de report. Every img must have "alt" attribute to describe their content. If the img, is only decoration, you can leave empty the attribute (alt="")

    For de hover on "cards", i use pseudoelement (:after) and z-index property

    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