@VCarames
Posted
Hey there! 👋 Here are some suggestions to help improve your code:
-
Do not set up your media query in this manner, "(width>=768px)" it is not fully supported.
-
To give your HTML code structure, you want to set up your code in the following manner:
<body>
<header></header>
<main>
<section>
<div class="supervisor-card"></div>
<div class="team-card"></div>
<div class="karma-card"></div>
<div class="calculator-card"></div>
</section>
</main>
</body>
The Header Element represents the your site’s introductory content.
The Main Element identifies the main content of your content..
The Section Element is used to wrap content that is related to each other, which these four cards are.
Lastly, since none of the cards can stand on their own, a simple Div will do for each card.
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding! 🍂🦃
Marked as helpful
@SEIFSEIF4
Posted
@vcarames hey as always i appreciate your suggestions
-
for the media query
(width>=768px)just do the job and I am planning to add more media to add more Responsibility but after I fully understand this : (https://web.dev/learn/design/) this very useful btw thank you -
For Semantic HTML5 Elements & Accessibility i am working on improving it also and i will update all prev Code ASAP
@VCarames
Posted
@SEIFSEIF4
Your coding is continuously improving every time that I see them. Keep up the great work!
https://web.dev is a great website. I like that they are still adding to it.
Marked as helpful
@SEIFSEIF4
Posted
@vcarames I'm so grateful for your words.it actually motivate me a lot.
