Design comparison
Solution retrospective
First Challenge I have posted here
Community feedback
- @mattstuddertPosted over 4 years ago
Nice work, Patrick, and congrats on submitting your first solution! Here are a few pointers after taking a look at your code:
- You're using heading elements when I'd say paragraphs would be better suited. For example, I'd say the "Gain access to our full library..." text is a paragraph, not a
h3
. - You're using HTML5 structural elements which is great. But I would say you could use the
article
andsection
elements better. Anarticle
is typically used to contain distinct content that could live independently from the rest of the content on the site/page. Good examples of this would be blog posts, articles, and forum posts. Asection
is typically used to wrap a larger grouping of themed content. For example, the whole Slack sign up area below these comments would be considered asection
. For smaller groupings of content I'd then usediv
elements. So for this challenge, I'd say the whole thing is asection
and the inner areas are justdiv
elements. - I'd use a
ul
for the list of benefits/features as opposed tobr
tags. - The whole component could also have its
width
restricted so that it isn't quite so wide.
I hope these tips help. Let me know if you have any questions! 👍
1 - You're using heading elements when I'd say paragraphs would be better suited. For example, I'd say the "Gain access to our full library..." text is a paragraph, not a
- @palgrammingPosted over 4 years ago
Thanks for the feedback. I think on the designs that are to be fixed width maybe in design photo it should show that element inside another example layout it might help understand the usage for what is being designed . just like a wire frame image with the little block inside showing the wire frame grow and shrink and the different widths
yes and not using UL for the list when I just got lazy and typed BR #Thanks
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