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

Four card feature section using CSS Flexbox

devbev 80

@devbev

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

Posted

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

@devbev

Posted

@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

@mnazneen20

Posted

It looks fine...Well done!

0

devbev 80

@devbev

Posted

@mnazneen20 Thank you! :)

0

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