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

OsolalDev 70

@OdaSolaDev

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P
Lo-Deck 2,020

@Lo-Deck

Posted

Hi well done for this challenge.

I took a look at your code and I've found you used a lot of position: relative and I don't know the purpose of that and for @media screen too.When you erased them from the CSS your website is better.

Here is a link, you can take a look. Try to make a website by mobile-approach first.freecodecamp.org.

And for the positionning here another link.mozilla.org.

        <h1 class="main-title">Reliable, efficient delivery</h1>
        <h1 class="main-subtitle">Powered by Technology</h1>

You need to put one h1 by page and play with span or other

And use more semantic structure like section instead of div

You need to use min-height: 100vh; in the body to have your website fit the screen of the user.

Hope to be helpful.

Marked as helpful

1

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