Maquetando formularios en React

Así va mi webpage 😃 ![](

Me a tomado mas de un mes este curso, pero lo que e aprendido vale cada maldito segundo 🔥

Diseño awful 😬

Me cuesta el diseño pero ahí vamos…

Asi vamos…

Veo que no muchos comentan en este punto del curso, para mi al igual que muchos aprender en linea si es algo dificil en especial si no se tiene alguien a quien preguntar directamente, aveces dejo 3 o 4 dias de estudiar por que no encuentro donde falle hasta que me pongo a leer linea por linea y econtrar el error y me siento tan feliz cuando lo logro
Animo muchach@s!!!
Nunca pares de aprender
Psdta: dejo mi diseño, no es el mejor pero al final del curso lo pienso modificar ahora me quiero centrar en aprender

Así quedó mi diseño antes de ver esta clase, tengo que mejorar, pero ahí vamos jajaja

Mi aporte de avance,

form{
    width: 85%;
    height: auto;
    min-width: 320px;
    max-width: 700px;
    padding: 20px 12px;
    border-radius: 12px;
    background: black;
    font-family: 'Poppins';
    font-size: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

textarea{
    font-family: 'Poppins';
    font-size: 20px;
    margin: 16px 24px 16px 24px;
    padding: 12px 12px;
    border-radius: 8px;
    min-width: 260px;
    width: calc(100% - 120px);
}

.TodoForm-buttonContainer{
    display: flex;
    min-width: 300px;
    max-width: 500px;
    justify-content: space-around;
    
}

.TodoForm-button{
    width: 120px;
    padding: 12px 20px;
    border-radius: 8px;
    font-family: 'Poppins';
    font-size: 18px;
    border: none;
    color: white
}
.TodoForm-button--cancel{
    background-color: red;
}
.TodoForm-button--add{
    background-color: green;
}