No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Adquiere por un a帽o todos los cursos, escuelas y certificados por un precio especial.

Antes: $249

Currency
$219/a帽o

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Comprar ahora

Termina en:

1D
19H
3M
58S

Componentes en Angular con CSS

18/28
Recursos

Aportes 13

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

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;
}

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

A[un no s茅 c贸mo poner una imagen diferente en cada componente, peo lo averiguaremos 馃敟馃殌

Va genial el curso

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 鈥渃odesandbox鈥, 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!!!