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

Linda 115

@LindieK

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


I tried using sass in this project but didn't like the way it came out when i tried adding media queries. it worked but i don't think it followed best practices so I deleted it all. Any pointers or resources on how to do it properly?

Community feedback

@CatoSammi

Posted

Hi, Linda. A couple quick notes: padding for Team Builder card is inconsistent, font weight or color for first line should be lighter (appears to match p), and there needs to be a bit more white space between the cards. Still refining my go at this and if I re-learn Sass I'll give you a shout. Otherwise looks great!

1

Linda 115

@LindieK

Posted

@CatoSammi thanks a lot.I noticed the issue with the inconsistent font-weight but when i tried reducing the value, i didn't see any change but will work on it though.

0

@CatoSammi

Posted

@LindieK I think the problem is a bit misleading because the weights were only partly relevant. Font color has to be changed -- I think weight of 400 or 600 otherwise was just right.

1

@fogeid

Posted

It was really cool, the margin-top is perfect!

0

Linda 115

@LindieK

Posted

@fogeid Thank you very much! Glad you like it.

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