🏅 Reto # 1 - CÓMO CREAR esta página 👆‍‍ con HTML y CSS [Desafío Frontend Mentor] (2/3)

Поделиться
HTML-код
  • Опубликовано: 31 янв 2025

Комментарии • 27

  • @CodingTube
    @CodingTube  Год назад

    ¿Te gustó esta segunda parte? mira la tercera aquí: bit.ly/CodingReto013

  • @renzodichiara3392
    @renzodichiara3392 Год назад +1

    ufff que linda manera de explicar y que forma prolija de trabajar, la verdad un espectáculo, lo hace ver tan simple. Nuevo suscriptor por acá

    • @CodingTube
      @CodingTube  Год назад

      Muchas gracias Renzo, me alegro que te haya gustado el video 👌😉

  • @GatoGordoSocialClub
    @GatoGordoSocialClub 11 месяцев назад +1

    Muy buen material para aprender còmo trabaja un profesional. 🖥🖱

    • @CodingTube
      @CodingTube  11 месяцев назад

      Muchas gracias Baul Cartoon, me alegra que te haya gustado el video 😉

  • @tomasponce9409
    @tomasponce9409 2 года назад +1

    Hola profe, muchas gracias por su contenido, lo conoci en un live y no he parado de ver sus videos cada vez que puedo!
    Aprendo mucho y estoy mejorando mi porfolio!

  • @luispardo3696
    @luispardo3696 6 месяцев назад +1

    gran trabajo profe.

    • @CodingTube
      @CodingTube  6 месяцев назад

      Muchas gracias Luis! 😊

    • @luispardo3696
      @luispardo3696 6 месяцев назад

      @@CodingTube profe habra forma de comunicarme con usted via correo ? Le queria hacer una pregunta.

  • @arturomunoz2724
    @arturomunoz2724 2 года назад

    Excelente!! Estoy aprendiendo mucho con este proyecto.

  • @eluizeramadeusdeleondeleon2021
    @eluizeramadeusdeleondeleon2021 2 года назад

    Que crack es usted! Ya me suscribí 💪🏼

  • @abelignacio135
    @abelignacio135 2 года назад

    muy bueno, la verdad que venia trabado con css y html por no saber como lograr un trabajo de este nivel, me encanto tu video, ya mismo me pongo a seguirte, espero aprender y de aca a un tiempo poder hacer un trabajo asi de bonito, pero solo sin ayuda. saludos ,sos un genio!!

  • @kevindiaz7723
    @kevindiaz7723 2 года назад

    acabo de terminar de ver la 2ª parte
    me está gustando mucho seguir este reto
    gracias!

  • @tomasarcostanzo
    @tomasarcostanzo 4 года назад +1

    uuuff eso de ver las filas y columnas en el devtools me soluciono todoooo graciass :DD

  • @hectorestebansotocoutino6842
    @hectorestebansotocoutino6842 4 года назад +1

    Gracias

  • @roddyleiva3518
    @roddyleiva3518 2 года назад

    una pregunta cuando coloco el 10fr en .cards el texto no se coloca en columna 2 si no justo abajo de la imagen

    • @roddyleiva3518
      @roddyleiva3518 2 года назад

      @@CodingTube gracias vere si lo hago de 0 de nuevo pero ya revisé varias veces el código y toda va bien hasta que exacto coloco el 10fr y ya no se coloca donde tendría que ir gracias y muy buenos tutoriales soy muy autodidacta y estos vídeos ayudan mucho

  • @enmanuelcastillo9444
    @enmanuelcastillo9444 3 года назад +1

    Buenos días amigo, tengo una pregunta: los h4 que contiene los textos se me están saliendo del contenedor, a diferencia de que yo los metí dentro de una section y no un Div, también los puse dentro de un h2 y no h4, dónde puede estar el problema? Ya que revisé el código y está en orden.
    Gracias.

    • @enmanuelcastillo9444
      @enmanuelcastillo9444 3 года назад +1

      @@CodingTube eso yo lo entiendo,yo lo único que hize fue usar h2 en lugar de h4, por eso pregunto que si eso influye del porque el texto de esa caja se sale.
      Gracias

    • @enmanuelcastillo9444
      @enmanuelcastillo9444 3 года назад +1

      @@CodingTube revise 3 veces el html y todo está perfecto al igual que la hoja de estilos

    • @enmanuelcastillo9444
      @enmanuelcastillo9444 3 года назад

      @@CodingTube y otra diferencia es que yo usé clases, que pienso que eso no tiene nada que ver

    • @ministeriocastillocolon6607
      @ministeriocastillocolon6607 3 года назад +1

      @@CodingTube dejarè aqui mi codigo para ver que he hecho mal ( Soy Enmanuel Castillo )
      10,000+ of our users love our products.
      We only provide great products combined with excellent customer service.
      See what our satisfied customers are saying about our services.





      Rated 5 Stars in Reviews





      Rated 5 Stars in Report Guru




      Rated 5 Stars in BestTech


      Colton Smith
      Verified Buyer
      "We needed the same printed design as the one we had ordered a week prior.
      Not only did they find the original order, but we also received it in time. Excellent!"

      Irene Roberts
      Verified Buyer
      "Customer service is always excellent and very quick turn around. Completely
      delighted with the simplicity of the purchase and the speed of delivery."

      Anne Wallace
      Verified Buyer
      "Put an order with this company and can only praise them for the very high
      standard. Will definitely use them again and recommend them to everyone!"


      Challenge by
      Frontend Mentor. Coded by Enmanuel Designs.


      CSS:
      @import url('fonts.googleapis.com/css2?family=Spartan:wght@400;500;700&display=swap');
      *{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      }
      body{
      background-image: url(/images/bg-pattern-top-mobile.svg), url(/images/bg-pattern-bottom-mobile.svg);
      background-repeat: no-repeat;
      background-position: top left, bottom right;
      font-family: 'Spartan', sans-serif;
      }
      .container{
      margin: 80px auto;
      display: flex;
      flex-direction: column;
      }
      .hero{
      margin-bottom: 30px;
      }
      .hero .title{
      color: hsl(300, 43%, 22%);
      font-size: 30px;
      font-weight: 700;
      line-height: 30px;
      text-align: center;
      margin: 0 64px 30px 64px;
      }
      .hero .paragraph{
      color: hsl(303, 10%, 53%);
      text-align: center;
      line-height: 25px;
      font-size: 14px;
      font-weight: 500;
      margin: 0 28px 0 28px;
      }
      .starscontainer{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px;
      }
      .stars{
      border-radius: 4px;
      width: 330px;
      height: 80px;
      background-color: hsl(300, 19%, 81%);
      padding: 15px;
      margin: 8px 0;
      font-weight: 700;
      color: hsl(300, 43%, 22%);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      }

    • @SamuelLlacoarimayCanales
      @SamuelLlacoarimayCanales Год назад

      Hola! Probablemente ya lo resolviste pero aun asi lo menciono. El error era que la clase "star" (donde se esta colocando el flexbox) no estaba bien posicionada al menos por mi parte, ya que me pasaba lo mismo que tu. Lo unico que hice fue posicionar a los dentro del flexbox para que asi se centre junto con las estrellas.

  • @enmanuelcastillo9444
    @enmanuelcastillo9444 3 года назад +1

    Amigo, hize un comentario sobre este video, me avisas cuando me puedas responder

  • @carlosmelquiades7118
    @carlosmelquiades7118 2 года назад

    Hola, buenos días amigo,tengo una duda, cuando coloco el link del family font en google, dice que la página no existe!.
    Incluso probé a buscar el font por mi cuenta y no, no hay ningún font con ese nombre en Google font

  • @hectorestebansotocoutino6842
    @hectorestebansotocoutino6842 4 года назад +2

    Hola soy noob