Oops! You must first complete or unlock this challenge
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

Report

3

Accessibility Issues

0

HTML Issues

View Report

devbev’s questions for the community

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

@mnazneen20

Posted

It looks fine...Well done!

0


devbev 80

@devbev

Posted

@mnazneen20 Thank you! :)

0

@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

Please focus on giving high-quality, helpful feedback and answering any questions devbev might have. Here are some key points to consider:

  • Does the solution include semantic HTML?
  • Is it accessible, and what improvements could be made?
  • Does the layout look good on a range of screen sizes?
  • Is the code well-structured, readable, and reusable?

You can read our community guidelines if you're unsure what to post.

Slack logo

Join our Slack community

Join over 100,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!