css: GRID, FLEXBOX

Community feedback

• 

  Anderson Fernandez•350

  @anderson-fndzPosted over 1 year ago

  • hay un bug en tu proyecto, cuando apertar el submit sin escojer ningun numero la pagina se cambia, tenias que primero escojer la calificacion para asi el submit sea activado, para eso puedes cambiar los buttons por inputs type="radio" y poner estos en uno form
  • cuando es marcado un numero en la calificacion solo el numero uno se cambia la color, mismo marcando otro numero

  CSS:

  • card:

  .card{
      width: 400px;
      height: 415px;
      position: absolute;
      display: flex;
      justify-content: center;
      flex-direction: row;
      align-items: center;
      border-radius: 35px;
      background-color: #1F2630;
      color: #ffffff;
  }
  

  • button

  .btn__calificacion{
      width: 45px;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      background-color: #262F38;
      font-size: 1rem;
      color: hsl(217, 12%, 63%);
  }
  

  • font:

  @import url('https://fonts.googleapis.com/css2?family=Overpass:wght@400;700&display=swap');
  
   font-family: 'Overpass', sans-serif
  

  Marked as helpful

  1

  ---

  

  nathan•200

  @Hardcore01Posted over 1 year ago

  @anderson-fndz gracias amigo por las ideas!

  0