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

@ArtsCode101

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


Any Tips on how I get the the font style to be more accurate?

Community feedback

aaish 310

@aaishver

Posted

and make your website responsive to 375px mobile viewport too do media queries or whatever you know.

also create a new file name it styles.css or anything just the ".css" is must and put the whole style that you did in the HTML head in that.

even you have put soo much in the css and styles try to reduce it just try less to give and get more outcome

0
aaish 310

@aaishver

Posted

1.use heading tags h1 h2 h3 in order means dont overlap it like using h1 and h3 only and not using h2 this leads to that bad accessibility report. 2.must use landmarks like <main></main>,<header></header>, <footer> for your content and divs inside body tag.

after these 2 points the warning gets rid of in the report. and you can use the landmark like header for and image or content just like an div same for main and if you want to display flex them just put both header and main in a div and put flex. enough good to go for and hopefully you get to understand too

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