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

Responsive landing page using CSS Grid, Flexbox and BEM

@abedfetrat

Desktop design screenshot for the Suite landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

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,460

@NaveenGumaste

Posted

Hay ! Abed Fetrat Good Job on challenge

Marked as helpful

0

@rafifadlimulya

Posted

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

@abedfetrat

Posted

@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
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