Skip to content
Submitted over 4 years ago

Mobile first solution using SASS and CSS Flexbox

Claire Porter•50
@claireporter26
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi, In this project I have tried to use the BEM method to organise my CSS but I sometimes get confused about the best class names to use and how to write them so it would be good to have some feedback on how I can improve these going forwards. I am also new to using SASS so any recommendations with how I can improve this or look into other elements of SASS that would help in this type of project would be great.

Thank you.

Community feedback

  • Miguel Segura MX•280
    @miguelseguramxPosted over 4 years ago

    There's an issue on the images, they are stretched, it's a really important thing

    0
    Abhishek Rawat•690
    @AbePlaysPosted over 4 years ago

    Yeah, put a max-width to those cards in mobile design.

    0
    Claire Porter•50
    @claireporter26Posted over 4 years ago

    @miguelseguramx thank you for your feedback, I will look at that.

    0
    Claire Porter•50
    @claireporter26Posted over 4 years ago

    @AbePlays thank you

    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