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

First FrontEnd challenge with CSS

@luizsfer

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


Please, give me a feedback.

Community feedback

@fadzrinmadu

Posted

hello @luizsfer nice works, but your code doesn't work for mobile and tablet version, maybe you can learn a little about responsive website before continuing

2
Linda 115

@LindieK

Posted

It's very nice on desktop - just reduce the padding on each card a little bit. Make it responsive on smaller devices and it will be wonderful!

1
Adarsh Pratap 5,515

@adarshcodes

Posted

Hey! @Luiz_Ferreira you did nice work on this project👍. It will be nicer if you add responsiveness to the design(you can use Flexbox and CSS-Grid for the purpose). And one more thing, it would be great if you align the Card's heading to the Card's Para. I've read an article a few days before about the basics of UI-Design, you can have a look at it:- https://www.freecodecamp.org/news/learn-ui-design-in-5-minutes-tutorial/.

1

@fogeid

Posted

It was cool, you just need to break the paragraph line.

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