By using Html and css flexbox and css grid

Solution retrospective
1] I had issue with shadow part , i was not able to mimic the same , how should i do that ? 2] any other suggestions are also welcome :)
Please log in to post a comment
Log in with GitHubCommunity feedback
- @rayaatta
Hello 👋Rohan deshmukh, congratulations on completing this challenge 🎉
I have some suggestions you might find useful.
1 I noticed
<div class="community-section"> <div class="subscription"> <div class="why-us">
Divs do not carry any semantic value and therefore their usage confuses assistive technology.
It would be better if you replaced these with more Semantic alternatives like
<article>
.2 I noticed that you used
<h2>
as the top level heading in your code.Here's a quick guide on how to use them:
The
<h1>
to<h6>
tags are used to define HTML headings.<h1>
defines the most important heading.<h6>
defines the least important heading. Only use one<h1>
per page - this should represent the main heading/subject for the whole page. Also, do not skip heading levels - start with<h1>
, then use<h2>
, and so on. You can then style them in you css.Unlike what most people think, it's not just about the size and weight of the text It is about maintaining a clear and consistent hierarchy through out the document
I hope this helps 🙃
Your solution is awesome 👏
Happy coding ✌️
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