Skip to content
Submitted almost 4 years ago

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

Nafsuki•245
@Nafsuki
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Base Apparel coming soon page
  • HTML
  • CSS
  • JS
1newbie

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
    @adarshcodesPosted almost 4 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😀
    1
    Nafsuki•245
    @NafsukiPosted almost 4 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!!!

    0
  • Arsh Karpoor•940
    @ArshKarpoorPosted almost 4 years ago

    I loved it

    1
    Nafsuki•245
    @NafsukiPosted almost 4 years ago

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

    0
  • Arya Anish•1,492
    @AryaAnish121Posted almost 4 years ago

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

    Happy Coding!

    1
    Nafsuki•245
    @NafsukiPosted almost 4 years ago

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

    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