Submitted over 1 year ago

Intro with sign up form component (no flex/grid)

@Everezze

A solution to the Intro component with sign-up form challenge

Solution retrospective

Besides the fact that I forgot to adjust the error messages If you have any insight to improve the JS part let me know (there might be a more efficient way or whatever) or even the CSS part! It was a fun project anyways

Code

Please log in to post a comment

Community feedback

MaximilianoDanielGarcia•1,980
@MaximilianoDanielGarcia
Posted over 1 year ago
Hi Lamar, great job!

If you're wondering how to center it, you can use either Flex Box or CSS Grid.
- Using Flex Box:
```
body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}
```
- Using CSS Grid:
```
body {
    display: grid;
    place-items: center;
    min-height: 100vh;
}
```
And if you want to adjust your background image to the screen size just add background-size: cover;

After you apply these suggestions it will look better.

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