Submitted 6 months ago

Four Card Feature Section Master

Azize Doğan•100

@azizedogan

Preview site View code

This is a solution for...Four card feature section

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

It was a design that I thought was closest.

What challenges did you encounter, and how did you overcome them?

I did not encounter any difficulties.

What specific areas of your project would you like help with?

Are there places I need to change or improve in my codes? If so, how can I improve them?

Community feedback

Mihai•220

@h-mihailPosted 6 months ago

Nice job! You can improve the mobile design by using media queries and converting your font-size to use rem instead of px.

For example:

body {
    font-size: 15px;
    ...
}
@media screen and (max-width: 375px) {
  body {
    font-size: 10px;
    ...
  }
}
...
font-size: 0.7rem; // for 11px
font-size: 0.8rem; // for 12px

Please log in to post a comment

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