Skip to content
Submitted over 4 years ago

Base Apparel using HTML CSS and bit of a JS.

Sijan Dahal•535
@sijandahal
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

Hello Everyone This is my 3rd challenge and I have added little bit of JS in the email verification section of the project. Furthermore, My arrow button was not displaying properly so I have used the submit button instead.

Feedback are appreciated. Thank you

Community feedback

  • Gerben Dol•3,115
    @GerbenDolPosted over 4 years ago

    Hey @Sijan, nice job on your solution!

    I think a great next step for you would be do dive into responsive development a bit more! Things get squished quite a bit on smaller screens.

    For the button: I'd personally give it a height and width and set the arrow as a background image to it.

    Keep up the good work! 😁

    0
    Sijan Dahal•535
    @sijandahalPosted over 4 years ago

    @GerbenDol Sure mate ! I think I have only made it responsive for the devices under 375 px, should i make it responsive from the width where it gets a bit more squished ? Thanks for the button thingy, I will try that out. Thanks

    0
    Gerben Dol•3,115
    @GerbenDolPosted over 4 years ago

    @sijandahal Yeah, try not to stick to just a desktop and a mobile layout. The page should be good looking for everyone!

    In this case I think you can just increase the 375 pixels to a higher value to get to that layout sooner!

    Also, you could look at the property object-fit: contain; for your image, see if it helps it from getting stretched out of proportion. 😁

    0

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