Componentes en Angular con CSS

CSS-in-JS

Le agregue imágenes y lo hice responsive

Me encanta que los ejemplos práticos se realicen con el mismo proyecto, creo que permite identificar mejor las diferencias entre cada herraienta sin perder tiempo en entender la logica de lo que se espera lograr ❤️

Le hice un cambio a los estilos:

Aquí esta el código:

div {
  text-align: center;
}

h2 {
  border-bottom: 1.5px solid #6a197d;
  padding-bottom: 10px;
  text-align: center;
}

form {
  background: #e0dede;
  border: 1px solid rgba(106, 25, 125, 0.2);
  border-radius: 10px;
  box-shadow: 5px 3px 5px 1px rgba(0, 0, 0, 0.2);
  margin: 0 50px 25px;
  padding: 10px 25px 25px;
  text-align: center;
  transform: scale(1);
  transition: 0.3s transform;
}

form:hover {
  transform: scale(1.2);
}

button {
  background: #6a197d;
  width: 45px;
  height: 25px;
  border: none;
  border-radius: 10px;
  color: white;
  cursor: pointer;
  transition: border-color 0.15s;
}

button:hover {
  border-color: #ffa5b0;
}

button[disabled] {
  background-color: #f5f5f5;
  color: #6a197d;
  border: 1px solid #6a197d;
}

A[un no sé cómo poner una imagen diferente en cada componente, peo lo averiguaremos 🔥🚀

Va genial el curso

Por ahora me parece sencillo utilizar CSS en Angular y con muchas ganas de completar las últimas 10 clases que me quedan de este curso que hasta el momento de los mejores que he llevado junto con el práctico de JavaScript

Muy interesante ver como maneja muy bien todo lo que nos esta explicando~

Para que no se vea todo tan amontonado en su archivo de “codesandbox”, pueden dar clic en el icono de documento que esta en la barra lateral izquierda para que se oculten todos los archivos del documento y tengan mas espacio en el editor de texto

Super como JuanDC sigue en contacto con la comunidad del curso. muchas gracias

Gracias profe por tan buenas enseñanzas. Siempre he aprendido bastante y ahora que estás uniendo estilos recuerdo cursos anteriores.

Muy buena explicación, me gustó el ejemplo 😁

En lo personal me gusta mucho como se trabaja con css normal… quiza es porque no me acostumbro a trabajar con preprocesadores y postprocesadores 😦

ÁNGULAR VALE CALLAMPA!!!