Design comparison
Solution retrospective
I'm really proud of widening my understanding on how react works. Although this is just a front-end page, it really solidified my knowledge on components and how to deploy a react in GitHub pages.
What challenges did you encounter, and how did you overcome them?Deploying react in GitHub pages was a nightmare. It turns out, I needed to properly reference the images' paths properly with consideration of deployment.
For a light problem, I had problems with sizing my elements based on the browser's screen resolution. I had to experiment using different measurements and style properties to achieve that. Though I'm not quite sure if my way of doing it is correct or efficient.
What specific areas of your project would you like help with?I'd like to get help with how I built my CSS styles. I'm not sure what measurement units to use on different scenarios. I tried searching for answers but I wasn't able to get a solid one as people use different types.
Community feedback
- @akibraza91Posted 6 months ago
Hello there!
Congrats on completing the challenge! ✅
Your solution is really impressive!
I've got a couple of ideas (about how to use HTML better) that could make it even stronger:
Think about using
<main>
to wrap your main content instead of<div>
Imagine
<div>
and<span>
in HTML as basic containers. They're good for holding stuff, but they don't tell us much about what's inside or its purpose on the webpage.These tweaks might not change how your page looks, but they'll make your HTML code clearer and help with SEO and accessibility.
Hope that's helpful!
Keep up the great work!
Marked as helpful1@WafflegumPosted 6 months ago@akibraza91 Oh thank you so much for taking your time to give a feedback. I'll look into that for sure!
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