Desktop design

Active states

Modal design

Mobile design

Interactive comments section

<div class="flex gap-3 items-center"><img class="w-7 h-7 rounded-full" src="/images/avatars/image-amyrobson.png" alt="Rounded avatar"><p class="text-sm text-[#4a535d] font-semibold">amyrobson</p><p class="text-sm text-gray-500">1 month ago</p></div>

<div class="mt-3 text-[#707276] text-sm sm:text-[15px] mr-3 mb-3"><p>Impressive! Though it seems the drag feature could be improved. But overall it looks incredible. You've nailed the design and the responsiveness at various breakpoints works really well.</p></div>

<div class="flex gap-3 items-center"><img class="w-7 h-7 rounded-full" src="/images/avatars/image-maxblagun.png" alt="Rounded avatar"><p class="text-sm text-[#4a535d] font-semibold">maxblagun</p><p class="text-sm text-gray-500">2 weeks ago</p></div>

<div class="mt-3 text-[#707276] text-sm sm:text-[15px] mr-3 mb-3"><p>Woah, your project looks awesome! How long have you been coding for? I'm still new, but think I want to dive into React as well soon. Perhaps you can give me an insight on where I can learn React? Thanks!</p></div>

<div class="flex gap-3 items-center"><img class="w-7 h-7 rounded-full" src="/images/avatars/image-ramsesmiron.png" alt="Rounded avatar"><p class="text-sm text-[#4a535d] font-semibold">ramsesmiron</p><p class="text-sm text-gray-500">1 week ago</p></div>

<div class="mt-3 text-[#707276] text-sm sm:text-[15px] mb-3"><p><span>If you're still new, I'd recommend focusing on the fundamentals of HTML, CSS, and JS before considering React. It's very tempting to jump ahead but lay a solid foundation first.</span></p></div>

<div class="mt-3 text-[#707276] text-sm sm:text-[15px] mb-3"><p><span>I couldn't agree more with this. Everything moves so fast and it always seems like everyone knows the newest library/framework. But the fundamentals are what stay constant.</span></p></div>

pointer "><svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.2" baseProfile="tiny" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path

Please log in to post a comment

Community feedback

React, React Context API and TailwindCSS

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community