Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Base Apparel coming soon page

@Abdul400

Desktop design screenshot for the Base Apparel coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please feel free to give me any feedback. Thanks :)

Community feedback

P
David Turner 4,150

@brodiewebdt

Posted

If I view it at different resolutions in Dev Tools it looks fine. If I resize the browser it doesn't change at all. Not sure why. It does work on different devices so how it looks resizing the browser doesn't matter.

Marked as helpful

1

@Abdul400

Posted

@brodiewebdt I'm not sure why but it is responsive when resizing in a browser as well. what browser are you using?

0

@Abdul400

Posted

@brodiewebdt note that I have designed for desktop/computers, tablets, phablets, and smartphones. If you are viewing from a tab or tablet it is meant to be that way

0
P
David Turner 4,150

@brodiewebdt

Posted

@Abdul400 I was using Chrome and Firefox. Not sure why it isn't working in mine. It could be a plugin. It looks fine in Dev Tools. That's what matters.

Marked as helpful

0

@Abdul400

Posted

@brodiewebdt okay, no problem. Thank you for your feedback :)

0
P
David Turner 4,150

@brodiewebdt

Posted

@Abdul400 Apparently it wasn't too helpful. LOL.

Marked as helpful

0

@Abdul400

Posted

@brodiewebdt 😂😂😂. No, you had seen a potential bug and reported it and so I still consider it helpful. I literally said 'any feedback' so it does not discriminate. I appreciate anyways 😊.

0
P
David Turner 4,150

@brodiewebdt

Posted

@Abdul400 No problem. You can give me feedback as well. Any other peoples views would be great. 😀

1

@Abdul400

Posted

@brodiewebdt sure thing. I will definitely look at your solution and give you feedback.

0
P
David Turner 4,150

@brodiewebdt

Posted

@Abdul400 Thanks

1

@Abdul400

Posted

@brodiewebdt you're welcome 😊

0
P
David Turner 4,150

@brodiewebdt

Posted

The page isn't responsive for me. I also see you are using an awful lot of media queries. They may be overwriting each other. You only need 2 or 3 at the most. I only used one at 800px. There is no way you can make the design perfect for every resolution. I start at 375px and get it looking good. Then I see how it looks between 600px and 800px, then 1000px to 1200px. It will never look perfect on every screen. Mine isn't perfect by any means. Hope this helps.

Marked as helpful

1

@Abdul400

Posted

hello David. Thank you for your feedback. I'm not sure why the page is not responsive on your end. Are you viewing the website on a mobile phone or computer? what is your resolution. On my end, I've tested on every devise and it is very responsive. Is it possible for you to provide like a screenshot to show where it starts breaking? please use https://snipboard.io/ and send a link here. Thanks

0

Please log in to post a comment

Log in with GitHub
Discord logo

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