C H A R A N 🎯• 2,690
@0xabdul
Posted
Hello Developer well congratulations on successfully completing the 3-column preview card component
- A Few Feedback for improve your code
- In Html 📃:
- LANDMARKS 🚀
- The main landmark role is used to indicate the primary content of a document. The main content area consists of content that is directly related to or expands upon the central topic of a document, or the main function of an application.
- the html page should be contained one main landmark
- to clear the Accessibility reports use sematic elements or non semantic elements..
- Semantic elements ⚙️
- <aside> <nav> <section> <main> <header> <footer> <article> Ect..
- using semantic elements
- Ex :
<html lang="en">
<head>
<title>my page</title>
</head>
<body>
<header>
//logo img or heading ect...
//Using heading only
</header>
<main>
//Use only main of the contents
</main>
<footer>
//use copy write discription or challenge d by front end mentor code by mark..
</footer>
</body>
</html>
- And The Next Way using the Non - Sematic Elements Ex : <div> , <Span>
- Example
<body>
<div class="Container" role="main">
</div>
<body>
- HEADING ⚠️
- The page must contain at least one h1 element identifying and describing the main content of the page. An h1 heading provides an important navigation point for users of assistive technologies, allowing them to easily find the main content of the page.
- So fix them
- Ex :
<h1> </h1>
<h2> </h2>
<h3> </h3>
- Note : we use the headings line by line in order way
- I Hope you find the solution and it's useful comment for you your 3-column preview card component project doing very well Happy Coding Developer
Marked as helpful
0