Skip to content
Submitted over 3 years ago

Four card feature section

Raj Kumar Jha•40
@Raj-k-Jha
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, I am facing difficulties in making the cards suitable for the desktop version. please suggest some alternates or solutions.

Community feedback

  • Michael Kret•470
    @atekronPosted over 3 years ago

    Hi, I think you need to read this - https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction , it's not very long but it give you a good overview of modern css layout, and yeah for most cases you should not use float for that :)

    0
  • Skyz Walker•1,045
    @Skyz03Posted over 3 years ago

    Hi Raj👋, I would recommend you learn some CSS layout like FlexBox or Grid, or you can also use Bootstrap to make the layout of the desktop and make it responsive. Here is my solution using Bootstrap if you find this useful : https://www.frontendmentor.io/solutions/four-card-feature-section-using-bootstrap-5-and-custom-css-FNJxmi_bp

    If you any question do reply back to this comment and we can work things out. Keep up the good work!

    0
    Raj Kumar Jha•40
    @Raj-k-JhaPosted over 3 years ago

    @Skyz03 thanks buddy, I would definitely look into it :)

    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