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
Request failed with status code 502

Submitted

Grid Price Component - CSS HTML

Velin Dankovβ€’ 160

@IvelinDankov

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

rayaβ€’ 2,850

@rayaatta

Posted

Hello πŸ‘‹Velin Dankov, congratulations on completing this challenge πŸŽ‰

I have two suggestion to help improve your code.

☝️I noticed

<div class="card-head">
<div class="card-side">
<div class="card-side-box">

Divs do not carry any semantic value and therefore their usage confuses assistive technology.

It would be better if you replaced these with more Semantic alternatives like <article>.

✌️I noticed html { font-size:62.5%; } Changing the root function font size could cause Potentially huge accessibility problems for anyone who changes their default font size. I would recommend you check out this article πŸ“‘

I hope this helps πŸ™ƒ.

I look like the fact that you made your html semantic.

Your solution is awesome 🀩

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