Submitted over 1 year ago

single-price-grid-component-master

Yashraj Dudhatra•170

@yashraj1309

Preview site View code

This is a solution for...Single price grid component

HTML
CSS

1newbie

Design comparison

SolutionDesign

Community feedback

C H A R A N 🎯•2,670
@0xabdulPosted over 1 year ago
Hi Yashraj Dudhatra well congratulations on Completing the Single price grid component😃

A Little bit suggestions for improve your code

Solution 📌

IN HTML 📂 :

L A N D M A R K 🚀

The main landmark should be a top-level landmark. When a page contains nested document and/or application roles (e.g. typically through the use of iframe and frame elements), each document or application role may have one main landmark. If a page includes more than one main landmark, each should have a unique label.

To Clear the Accessibility reports use the Semantic elements Or non - Semantic elements

Note This Elements are don't sikp

semantic elements : <aside> , <artical> , <main>, <header> ,<section><footer>, <form> ect..

non- semantic elements : <div> , <span> ect ...

for easy way to clear the Accessibility reports using non semantic elements Ex :

<body> <div class="container" role="main"> // All html code goes here : 📃 </div> </body>

Or

using semantic elements

Ex :

<header> should be put heading or logo📸 </header> <nav> //Links here </nav> <main> Main of the contents 📃 </main> <footer> ©copy right here📍 </footer>

I Hope you find the solution and it's useful comment for you Happy Coding 🤩
0

Please log in to post a comment

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