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

Responsive-Page-using-Flexbox

@Briancarlo24

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


I have a problem that I can't find an answer to this challenge.

If the screen size went below 300px in mobile. The total with of the page becomes weird and it doesn't stretch to full size. By weird means it becomes smaller and smaller than the current width of the page.

Best way to understand is to check the Live Site and try to check it for yourself.

Hopefully someone can help me with this as I can't figure why.

Community feedback

@Andrii-Rohov

Posted

Hi, can't help you with your problem, but i noticed something you should use css rule ( input:focus { outline: none; } ) to remove blue border

0

@Briancarlo24

Posted

@Andrii-Rohov Thank you very much. I was wondering how to remove that border that I just completely ignore it.

0
anas ali 415

@anas-cd

Posted

great work so far, and really nice layout

  • I just noticed the email input when it gets clicked it changes back to the original style

I hope you find your solution to the <300px situation

have a nice day ^_^

0

@Briancarlo24

Posted

@anas-cd Struggle is real. I just couldn't understand why it happens the way it did. I hope I'll encounter a solution for this or at least understand the reason behind it.

0

@Briancarlo24

Posted

@anas-cd Struggle is real. I just couldn't understand why it happens the way it did. I hope I'll encounter a solution for this or at least understand the reason behind it.

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