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

Responsive Single price grid component

Dalha 90

@dalhaldalha

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please feel free to critique anything that needs improvement. Thanks!

Community feedback

@matiasluduena23

Posted

Hi Dalha’s! Good work! Just one advice that might help you!

  • If you notice in your <a> tag hover effect the height or your card jump. This is because you add border to your <a> . To avoid this you can add .signup-btn { border: 1px solid transparent} . Your border is already there, but transparent so avoid the jump.

Good code!

Matias

Marked as helpful

1

Dalha 90

@dalhaldalha

Posted

@matiasluduena23 thanks for the tip, I'll fix it up.

0

@MelvinAguilar

Posted

Hello there 👋. Good job on completing the challenge !

I have another small suggestion about your code that might interest you.

  • For the element below the 'Why Us' section, consider using an unordered list (<ul>) instead of a paragraph. This is because if a screen reader reads this paragraph, it will read everything continuously, making it harder to understand.

    It should look like this:

    <ul>
      <li>Tutorials by industry experts</li>
      <li>Peer & expert code review</li>
      <li>Coding exercises</li>
      <li>Access to our GitHub repos</li>
      <li>Community forum</li>
      <li>Flashcard decks</li>
      <li>New videos every week</li>
    </ul>
    

Happy coding!

Marked as helpful

0

Dalha 90

@dalhaldalha

Posted

@MelvinAguilar Alright thanks for the tip. Highly appreciated.

0
Dalha 90

@dalhaldalha

Posted

@MelvinAguilar btw how the hell u got 54k points!!

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