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 HTML and CSS

Natalie 60

@nataliespace

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


Hey! Any feedback would be much appreciated. Thanks!

Community feedback

@scorpion61

Posted

Hi Natalie, very nice job. Works well. That's the main point. After this point, what you need to do is to achieve your designs in a more reccommended way. To clarify,

  1. Using responsive units like em, rem, vw, vh, %.
  2. Using flexbox and / or CSS Grid instead of absolute positiong for especially layouts (doesn't mean you should not use abs. positioning at all) will make it much easier to achieve same design and will be a lot more maintainable. Again good job on completing it.
1

Natalie 60

@nataliespace

Posted

@scorpion61 Wow, thanks for the feedback! I didn't even know about vw and vh units, i will definetely try to rewrite the code when i will have more knowledge

0

@htmlHxcker

Posted

Nice

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