Skip to content
OverviewSolutions
5
Comments
8

Coder

@qb-rivkyb270 points

Front end developer always looking to learn more!! 😎

I’m currently learning...

Front-end development. Learning NextJS, emotionCSS, Typescript, ReactJS... 👌

Latest solutions

Latest comments

  • Coder•270
    @qb-rivkyb

    Hey! Nice job! A few things I noticed which I would change is -When working on responsive sites it is best to start mobile first and only do the layout styling in a media query for desktop/tablet. -Also I noticed the background image does not look so nice and it doesn't keep its ratio. The way to get around it is to add background-size: cover to your css.

  • Coder•270
    @qb-rivkyb

    Hey! I just looked at your solution after I did the same one. I noticed some hover and active states were missing. You can have a look at mine 😉.

  • Coder•270
    @qb-rivkyb

    Hey! It is preferable to do mobile first since when on mobile there are usually less layout to do like grid or flex. Once it comes to tablet or desktop then more layout is needed so it is preferable to add those styles then.

  • Coder•270
    @qb-rivkyb

    Hi, if you will use grid on your cards they will lay out just the way it is shown.

  • Coder•270
    @qb-rivkyb

    Hey! Nice work! 🎉 The easiest way to implement the horizontal line would be to add a border bottom to that middle section and that would come after the padding.

  • Coder•270
    @qb-rivkyb

    Really nice solution! You did the grid amazing! 🎉

View more comments