I thought styling this would be quiet challenging and logic would be simple, but turns out it was the other way around. I had so much fun writing this and learned a lot about array methods, setInterval and a lot more. I even tried adding some sound effects to it and hopefully it doesn't annoy you. I'd very much love to hear your feedback and suggestions on how I can improve things. Happy Coding!
Challenge created with react and tailwind css
I've used HTML semantics and tried to avoid too many div-tags but if someone has any feedback as to how I could have improved it more it will be much appreciated and so would feedback towards the rest of the solution also, thank you.
Revised 11-03-22 Solution is now responsive. I would love to get some feedback on my approach - I used mobile-first workflow and I tried making it look decent on all screen sizes. I was a bit unsure what to do in the really large screens such as 2560px - I've seen people change the layout quite a bit and others have just added more of a margin to put the content more centered. I feel like to get away with the first option would require sizing everything up a little so it doesn't look so off in terms of the background shapes behind the app illustration. And I'm personally not a fan of just pushing everything to center page on those huge screens but I'm not sure what best practice is in this case - if anyone can shine some light on that, that would be very much appreciated!
Hi! Eurus here.
Additional feedback or criticism will be appreciated. Thanks! 😁!
Great work. Very close to the original design.
Great work. Congrat!!
