Skip to content
OverviewSolutions
25
Comments
3
John James Mosquera
@JotaJotaM1

All comments

  • 🔅 Yuliya 🐈•240
    @O-Julia-OSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I learned how to use the Chrome Debugger with JavaScript, how to use JavaScript for form validation, and how to use regular expressions and the test() method to check inputs(strings). Additionally, I learned how to work with CSS classes using JavaScript.

    What specific areas of your project would you like help with?

    Any comments will be useful :)

    Responsive newsletter signup form with success message

    2
    John James Mosquera•370
    @JotaJotaM1Posted 3 months ago

    Hi, you did a great job, congratulations! As a suggestion, you could improve the email input to better match the design with this simple code:

    input {

    width: 100%;
padding: 1rem 24px;
border-radius: 8px;
margin-bottom: var(--spacing-24);
border: 1px solid #dadada;

    }

    Greetings from Colombia! 😄

    1
  • John James Mosquera•370
    @JotaJotaM1Posted 11 months ago

    Hello! If you want to center the content inside your main, you can use flexbox:

    main { display: flex; justify-content: center; align-items: center; }

    You did a great job !!

    1
  • John James Mosquera•370
    @JotaJotaM1Posted over 1 year ago

    Hello, I help you with something that you can improve, you can handle the border-radius of the container you called .left at the 375px media as follows:

    .left { background: linear-gradient(158deg, #7857ff 20%, #2e2be9 100%); border-radius: 0 0 2rem 2rem; align-items: center; }

    and in the media query of 900px:

    @media (min-width: 900px) .left, .right { flex: 50%; border-radius: 3rem; }

    I hope it helps you, very good job!

    Marked as helpful
    0