Submitted about 2 years ago

React, Context API, Mobile first design

#react

Arpad Gabor Bondor [Gabriel, Red]• 125

@ArpadGBondor

Preview site View code

This is a solution for...

Advice generator app

HTML
CSS
JS
API

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

This project felt like going to pidgeon shooting with a cannon, but I challenged myself to create 3 solutions using React, and this is the first one of them.

I welcome any feedback. :)

Community feedback

Faris P• 2,810

@FarisPalayi

Posted about 2 years ago

Hey, nice job on this one 👌. Some of my suggestions are:

You are using div everywhere. Try using semantic HTML elements like h1, h2, p, button, main, etc. This article is a good introduction to semantic HTML and HTML accessibility in general, HTML: A good basis for accessibility - MDN. It is a long read, but, it'll be worth it. I recommend you check it out if you have the time. It is such an important topic to learn in my opinion.
Also, the report section in this page can help you find some of the common HTML and accessibility issues with the site.

Happy learning and coding. Cheers!

Marked as helpful

Please log in to post a comment

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