Skip to content
Submitted over 2 years ago

Responsive landing page using CSS Grid, Flexbox and BEM

Abed Fetrat•450
@abedfetrat
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Suite landing page
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hey there! This is my second FEM project. I think I probably could write less CSS, but the layout was quite complex so it got a little bit messy. My question:

  • Do you always put the SVG directly in the HTML code or only when you need to style it with CSS?

Community feedback

  • Naveen Gumaste•10,480
    @NaveenGumastePosted over 2 years ago

    Hay ! Abed Fetrat Good Job on challenge

    Marked as helpful
    0
  • Rafif Adli Mulya•70
    @rafifadlimulyaPosted over 2 years ago

    sometime i put svg with : background-image: url(). im just doing this if i need to change it like onhover, active, etc; ofc you need .svg file for this :D

    1
    Abed Fetrat•450
    @abedfetratPosted over 2 years ago

    @rafifadlimulya yeah good point. Didn't think about using background-image. Might use that next time. Thanks :D

    1

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