Design comparison
SolutionDesign
Community feedback
- @fernandolapazPosted over 1 year ago
Hi ππ», in case you want to take a look:
HTML / ACCESSIBILITY:
- The main content of every page (the card in this case) should be wrapped with the
<main>
tag.
- Every page should have an
<h1>
. It is good not to skip heading levels.
- This is a meaningful image and in case the user can't see it, it should have an
alt
text with a description.
CSS:
- You might consider using some CSS reset as a good practice at the start of each project, to have a clean starting point and reduce differences between browsers. For example, here are some very common and useful ones to get you started:
* { box-sizing: border-box; margin: 0; padding: 0; }
An example from Josh Comeau π
- To center the content on the page you should add
min-height: 100vh;
to the body.
I hope itβs useful : )
Regards,
Marked as helpful0 - The main content of every page (the card in this case) should be wrapped with the
- @waad2lfPosted over 1 year ago
you should be careful about the color you use
0
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