Design comparison
Solution retrospective
I was going to use boostrap but decided to do custom css, and anyways I had trouble with the Supercharge your workflow part I used columns and the first one was acting really weird. The other thing I had trouble with was downsizing the svg. I hope it's close would love any feedback also I tried to use less div's which I felt mad it harder and less easier to read, but maybe it's just me. I didn't break it into components either I didn't feel the need to since it was a short page just html and css.
Community feedback
- @Senkuu-MidoriyaPosted about 2 years ago
Hey @2peagles, I can't believe that you have only been into react for 4 months now, it seems like you are a professional already from just looking at the webpage. The webpage looks amazing, however if you don't mind I have a few pieces of advice, 1). add a transition to your buttons to make them have a clean affect when you hover over them or click on them 2). for the download for mac button there is not any animation when clicked on 3). I would suggest you add a bit more margin between the elements to make them look nicer 4). to size down an svg using the img tag you can just adjust the height and it will adjust the width relatively 5). although it may seem small, by dividing the webpage into separate components the code will be easier to read, and more organized when working in bigger teams. Overall, the website is amazing and I can not wait to see even more amazing webpages like this from you soon.
Thank you for sharing you webpage with us and allowindg us to learn from it, aDev
Marked as helpful1@2peaglesPosted about 2 years ago@Senkuu-Midoriya Thank you, I will go back and fix those things tomorrow : )
I think I will break it up, next time I like it better that way, and I'll use bootstrap. I think it too me 7-8 hrs to complete this, idk if that's a good time, I told myself it would only take two 😂
1
Please log in to post a comment
Log in with GitHub
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