Appreciation
What an overwhelming response from the first two challenges! I know I said it before, but I really enjoy seeing every submi...
For further actions, you may consider blocking this person and/or reporting abuse
Feedback: This is awesome! i like this challenge
Demo: shpx-e-commerce-landing-page-using...
Github: github.com/ayadi1/shpx-e-commerce-...
nextJS - sass :D
Glad to see that you enjoy it! 😁
Nicely done on the filters! and I love that you split those code into different section (header/main/footer) and components! 🤩
Feedback: Nice challenge. Very good for learning and practicing.
Demo: aerial-301.github.io/E-commerce-ho...
Github: github.com/aerial-301/E-commerce-h...
Tech-Stack: Vanilla (html, css, js).
Learning Outcome:
Awesome! I like the animations and sliders. And glad to hear you have so many learning outcome!
Minor improvement:
cursor: pointerto your button to let the user know this element can be clicked.Productsfont-size is significantly smaller than other heading.Thank you so much for participating in this small challenge 😂🤩
I tried to do this as clean as I wanted to, but I'm kind of in a rush. I apologize already for my messy code and conversion. :D
Demo: shpx-ajedral1994.vercel.app/
Github: github.com/ajedral1994/SHPX
Tech-Stack: HTML, Sass, Js
Learning Outcome:
experimenting with the tilt effect, also with transition events
I love it! Search button, mobile menu, hamburger icon animation, tilt effect looks super good!
Thank you for taking on this challenge (even though you are in a rush Hahaha)
Cheers! 🤩
Thank you! I'm looking forward to the next challenge and next time I'll take my time Hahaha. :D
Thank you again for creating those awesome designs. :D
No problem! Feel free to share around, or invites others to join this challenge! Hahahahaha 😉
Feedback: This series is awesome. Its nice to get an opportunity to challenge myself to implement these designs.
Demo: serene-ramanujan-f3eb0a.netlify.app/
Github: github.com/Raunak88/idub2
Tech-Stack: ReactJS, CSS
P.S. : I've made some changes to the layout inorder to show maximum content on mobile screens.
You could try
max-widthon the.Appto address wider screen monitor, else the design would feel too empty.Also, the font-size is not quite consistent, it would be much better if the font-size for smaller text be the same.
Nonetheless, good try! 🤩
Point noted....Ill try to fix those...I am mostly using percentage and ems for element widths. However, your designs mention pixels for the element sizes...If I try to use them the layout is not looking similar to the design..Can you suggest any solution to make it pixel perfect
Feedback: I did it! Another challenge delivered successfully
Feedback: This is awesome!
Demo: webdev-learning-shpx.vercel.app/
Github: github.com/Khabub/webdev-learning-...
Tech-Stack: React, HTML, CSS, JS, Styled-components, Swiper, React-select
Thank you for the design :)
Fantastic idea for an article series! This content is the cream of the crop for dev.to, keep it up!
Thank you!! 🤩 It's been a wonderful series seeing so many devs took on this challenge and actually completed it!
Chuckle i'm in
Wonderful! 🤩
That's a great idea ! As a backend developer, I am interested in by web design and I'm learning it. This post comes out at a perfect timing so I can exercise 😍
Perfect! Excited to see your masterpiece! 🤩
I went a bit crazy with this one 😄: dev.to/microbouji/ui-html-css-5k2