Overview retos resueltos con CSS

Difícil los retos, los hice toditos pero si me costaron sobre todo porque no soy front end programmer pero super interesante desde el punto que necesito que es para hacer auditoria de estos temas … super bueno

Para los compañeros que de pronto no entrado en el mundo del frontend o llevan poco tiempo, quisiera que tuvieran en cuenta un consejo de buenas prácticas para cuando escriban CSS.

El orden de las propiedades dentro de los selectores si importa y tienen un orden:

1. Position
2. Modelo de caja
3. Texto
4. color
5. Miscelanea

ejemplo:

.button {
  display: block;
  width: 220px;
  height: 40px;
  position: relative;
  text-transform: uppercase;
  background-color: #fff;
  @extend h1;
}

Muy buenos Retos! me tomo poco tiempo pero lo logré al fin

Me gusta que Juliana deja los retos clases atrás y en una los hace todos. Esto permite ver otras formas de solucionar algo o aprender una nueva solución

En otros cursos cursos que he tomado en platzi los profesores dicen: Te reto y deja así…

Este curso me ha despertado mayor interés por la programación Frontend. La maestra es amena, su tono de voz agradable, domina bien los temas y sabe transmitir sus conocimientos de manera óptima.

yo los solucione de esta manera los inptu
.form-label, .message-input, .contact-section button {
color: white;
font-size: 1.5rem;

Vamos bien, aprendiendo sobre todo 😃

Me costó sobre todo el de focus-within 😅
Pero los pude hacer todos! 😄

Cómo puedo hacer para que el foco lo reciba un elemento hijo y no el elemento padre, por ejemplo tengo una etiqueta <a> que adentro tiene un <svg> quiero que el foco lo reciba <svg> y no <a> cómo puedo hacerlo?

👌

Buenos retos, pero deberían advertir que para tomar este curso hay que tener conocimientos básicos de CSS.