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

@RyanWickham

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


With the email submit bar, for some reason the change of colour for the border changes into two different colours (left/top one colour and bottom another).

Community feedback

Alex 1,090

@AlexBueckig

Posted

Hey @RyanWickham,

from what I saw it's because you never set any border-style, you just use the default border-style the input element has (which is inset).

To get a proper border you seem to want you need to set border-style: solid;. (Or use the shorthand while adding a border like border: 3px solid red;

Here is a codepen which shows you the different borders. Click me

Here is another overview of all the existing border-styles: https://developer.mozilla.org/en-US/docs/Web/CSS/border-style

2
P
Matt Studdert 13,611

@mattstuddert

Posted

Awesome work on this challenge, Ryan! 🙌

@AlexBueckig has you covered for the question about the borders. One thing that I'd recommend is just to have one more round of refinements on the responsive side. For example, at 550px and slightly larger the content is very squashed.

Congrats on submitting your first solution. You've done a really good job!

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