Latest solutions
📰 Newsletter Sign-up Form | React | TS | TailwindCSS | Radix-UI
#react#tailwind-css#typescript#viteSubmitted almost 2 years agoMulti-step Form | React | TS | TailwindCSS 🔢
#react#tailwind-css#typescript#vite#accessibilitySubmitted about 2 years ago🎫 Advice Generator | React | SCSS | Webpack
#accessibility#react#sass/scss#fetchSubmitted almost 3 years ago⭐ Interactive Rating Component | React | SCSS | Webpack
#react#webpack#sass/scssSubmitted about 3 years ago⏳Launch Countdown Timer | HTML-CSS-JavaScript | Canvas | Webpack
#accessibility#webpack#nodeSubmitted over 3 years ago🔹Base Apparel | JavaScript | HTML-CSS | Webpack
#accessibility#webpack#lighthouseSubmitted over 3 years ago
Latest comments
- @tediko@buneeIsSlo
Hey @tediko! Awesome to see you sharing solutions again!
- @DrGring@buneeIsSlo
Feedback you want, feedback you get.
Great job on the solution! Everything works as it should. Here are a few things you should consider fixing:
-
Your content should be wrapped around a
<main>
tag instead of an<article>
tag. This change would make your code more semantic and improve accessibility. -
Always remember to include an
h1
in your websites. It is necessary for web crawlers to crawl your website effectively, and it will significantly improve your website's SEO.
That's pretty much all I have. I hope this helps :)
Marked as helpful -
- @diaasaur@buneeIsSlo
Hey, Dia! I don't have any feedback on this one, but I must say the solution you've created is amazing! Everything functions smoothly, and incorporating a dashboard is an excellent idea. I've been playing around with radix-ui, and I believe I can learn a lot from your well-structured code, so thank you. Keep up the great work! :)
- @Lukasz-Milde@buneeIsSlo
Hey! @Lukasz-Milde, Good job on this challenge; The animations are pretty smooth as well.
This challenge would be trivial to solve with the help of the <details> and <summary> tags, do look into it :)
Marked as helpful - @alicialaborda@buneeIsSlo
Hey! @alicialaborda, Congratulations on completing your first challenge here. You've put some solid effort into this one!
To solve your issues, I recommend you take the "Conquering responsive layouts" course(free) by Kevin Powell. I learned a lot about responsive layouts by going through this course and I'm sure you will too. However, if you don't have the time to go through it, this video by him should help too.
Hope this helps :)
- @sqirum@buneeIsSlo
Hey! @sqirum, Good job on completing this challenge. I have a couple of suggestions for you...
-
The email submit button is missing focus styles. This is an important thing to add as this helps keyboard users navigate the site.
-
The method you've currently used to set the hero image works fine, but using a
<picture>
tag would be much more appropriate. This will also improve the responsiveness of your site. -
Speaking of responsiveness, consider using a mobile-first approach when building a site. Watch this video to learn about the advantages of the mobile-first approach.
Hope this helps :)
Marked as helpful -