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

Carlo 50

@carlobeck

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


Four card feature section Using HTML and CSS.

Please review my code and provide feedback on my usage of HTML and CSS.

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Nice work, Carlo, and congratulations on submitting your first solution! My main recommendation after taking a look at your code would be to avoid using position: absolute for layout purposes. Absolute positioning essentially sticks the elements to the screen and can cause issues as screen sizes change. Instead, I'd recommend looking into using Flexbox or CSS Grid. There are some great, free tutorials for them on the /resources page if you want to check them out. They're both really powerful and are amazing features of the CSS language.

Let me know if you have any questions. Keep up the great work!

0

Carlo 50

@carlobeck

Posted

Hi @mattstuddert thanks for the feedback, really appreciate it. I'll take a look at the resources you mentioned and hopefully use them on my next solution.

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