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

Qstar12 70

@Qstar12

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


Hi!

I'm interested in your feedback as well as your mentorship. Feel free to add value to my growth and overall understanding. It will be greatly appreciated.

Community feedback

@M0hamedF

Posted

Hi @Qstar12 There is an option in the inspect called lighthouse it will tell you your accessibility issues before submitting it here. https://developers.google.com/web/tools/lighthouse#get-started Keep the good work 👍

Marked as helpful

1

Qstar12 70

@Qstar12

Posted

@M0hamedF thanks for sharing your inspection options it will help as I continue to learn. Thanks for your feedback.

0
Burak 380

@BurakOzcancf

Posted

Hi @Qstar12!

Firstly great job 👏🏻 it almost look the same however you can add box-shadow and border radius. And also you have bunch of accessibility issues. To get rid of them you can put li into the ul. Because li is a list item so you should write into the list. Not into the div.

Marked as helpful

0

Qstar12 70

@Qstar12

Posted

@BurakOzcancf thanks! I wasn't sure which direction to go. As time progresses I will look back at these errors and appreciate them more as I continue to grow.

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