Submitted over 3 years ago

Created project using CSS flexbox and validation done using JavaScript

Julian Ifesiokwu•475

@JulianIfesiokwu

Preview site View code

This is a solution for...Intro component with sign-up form

HTML
CSS
JS

1newbie

Design comparison

SolutionDesign

Solution retrospective

I completed the project with all major requirements, but I the left side of my input boxes seem to have some borders disappearing, please any feedback on this will be helpful. Thank you for checking out my solution.

Community feedback

Julian Ifesiokwu•475
@JulianIfesiokwuPosted over 3 years ago
Thanks you so much. Really sorry for the late reply.
0

Account deleted

Hey @egbuna09,

The reason why the border is disappearing is because your input element is actually covering parts of the border. To fix this, make sure you also add border-radius: 5px to the input element

.input-container {
    width: 100%;
    border-radius: 5px; 
    border: 1px solid var(--grayish-blue);     
}

input {
    width: 80%;
    font-size: 1rem;
    padding: 10px;
    border: none;
    outline: none;
    border-radius: 5px;     
}

Hope that helps

//Kenny

Please log in to post a comment

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