Design comparison
Solution retrospective
I'll love to know if the CSS was well written
Community feedback
- @NaveenGumastePosted almost 3 years ago
Hay ! Good Job Udoh
These below mentioned tricks will help you remove any Accessibility Issues
-> Add
Main
tag after body like it should be your container. For 1st heading orh1
tag, use header tag and then inside the header put yourh1
orh2
etc . But use header tag only once in main heading element.Keep up the good work!
Marked as helpful0@Jey223Posted almost 3 years ago@Crazimonk Thank you so much. Does that mean the heading tag can't be used outside a header? Since I don't have an available header tag.
1@NaveenGumastePosted almost 3 years ago@Jey223 No you can use bt.. for semantic tags it is imp
Marked as helpful0 - @RioCantrePosted almost 3 years ago
Hello there! Good work with this project. Looking at your solution, I would suggest the following for you...
- In the
body
rule set, remove all except forbackground-color: hsl(212, 45%, 89%);
- Remove
position: relative;
,top: 100px;
andbottom: 100px;
insection
and addmargin: auto;
andmargin-top: 9rem;
- Remove
position: relative;
insection > img
,section > h2
, andsection > p
. By removing the position, it will have a responsive design. - Wrap the whole content with
main
tag instead ofsection
Hope this helps and Keep it going!
Marked as helpful0@Jey223Posted almost 3 years ago@RioCantre Thank you so much. This makes my CSS shorter too.
1 - In the
Please log in to post a comment
Log in with GitHubJoin 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