Skip to content
Submitted over 3 years ago

Four card feature section using CSS Flexbox

devbev•80
@devbev
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

Hello guys, I am less than a month old in learning HTML and CSS. This is my attempt in trying to learn and practice flexbox. I was told to take a mobile first approach so I tried to do that in this project. Please let me know if you have any suggestions or advice so that I can improve my skills. Thank you in advance.

Edit: I noticed that it's rendering fine like it's supposed to in my computer but looks different in other's computer. Not sure why?

Community feedback

  • vishal wankhade•495
    @Vishal-wankhadePosted over 3 years ago

    I like the design. these four things could make your design more beautiful 1 - the card's background color should be pure white(#FFF) 2 - card's width looks small 3 - add box-shadow to the cards 4 - make responsive for the medium screen size devices hope this will help I will appreciate it if you check my solution to this challenge
    https://www.frontendmentor.io/solutions/fourcardfeaturesectionmaster-solution-using-html-and-css-o2VKoPxKH any feedback and suggestions are welcome

    0
    devbev•80
    @devbevPosted over 3 years ago

    @Vishal-wankhade Thanks for the advice, mate. Will fix those 4 things that you mentioned. I checked out your work for this project and it looks perfect. Have a good one!

    0
  • Dewan Masuma Nazneen•295
    @mnazneen20Posted over 3 years ago

    It looks fine...Well done!

    0
    devbev•80
    @devbevPosted over 3 years ago

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