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

Single Price Grid Component // flexbox | mobile-first | responsive

Anosha Ahmedβ€’ 9,340

@anoshaahmed

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


I would appreciate suggestions to improve my code.

Community feedback

Elroy Toscanoβ€’ 630

@elroytoscano

Posted

Great job on the pixel perfect design! For the button, only when you hover over the text you get a cursor pointer, what you could do is either use a "button" instead of an "a" tag wrapped in a "div" or continue with the "div" and add a cursor pointer when you hover on the "div".

Marked as helpful

1

Anosha Ahmedβ€’ 9,340

@anoshaahmed

Posted

@elroytoscano oh shoot i forgot to add that in my css. i'll just add cursor pointer to the a, that would work too. thank u so much for pointing that out!

1

Account Deleted

Solution looks pretty good, and nearly pixel perfect, you just need to give it a maximum width of 1440px because when you go beyond that it gets pretty stretched out.

Marked as helpful

1

Anosha Ahmedβ€’ 9,340

@anoshaahmed

Posted

@thulanigamtee thank u for the help :))))

0
Lokeshβ€’ 40

@Lokesh8055

Posted

Hi Anosha, Site looks good just now worked on this one.

1

@mariamALLI

Posted

impressive

1

Anosha Ahmedβ€’ 9,340

@anoshaahmed

Posted

@mariamALLI thank u c:

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