Submitted over 3 years ago

Base Apparel Coming Soon Page using Sass, CSS grid and flexbox

Nafsuki• 245

@Nafsuki

Preview site View code

This is a solution for...

Base Apparel coming soon page

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I coded desktop first, using Sass and grid layout.

It was very challenging for me to keep the image fully covered inside of the div, and change the content's order for the responsive layouts. JS email validation part was very exciting to learn.

Any feedback & suggestion for improvement would be very much appreciated :)!!

Community feedback

Adarsh Pratap• 5,515

@adarshcodes

Posted over 3 years ago

Hi @Nafsuki, your solution looks really nice.

Design looks similar to the original one, make the width of the container 100%, it will look more similar.
Responsiveness is working fine. Keep it up. Happy Coding😀

Nafsuki• 245

@Nafsuki

Posted over 3 years ago

@adarshcodes Hi! Thank you so much for your constructive advice and kind feedback!! It really means a lot & helps me a lot! I have revised the code, thank you!!!

Arsh Karpoor• 940

@ArshKarpoor

Posted over 3 years ago

I loved it

Nafsuki• 245

@Nafsuki

Posted over 3 years ago

@ArshKarpoor Thank you very much! Your feedback means me a lot:))!!

Arya Anish• 1,492

@AryaAnish121

Posted over 3 years ago

Nice, no suggestion because it's already 99% perfect

Happy Coding!

Nafsuki• 245

@Nafsuki

Posted over 3 years ago

@AryaAnish121 Hi, thank you very much for your feedback! It keeps me motivated:) Thank you!

Please log in to post a comment

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