Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
20
Comments
14
juan-mentor
@juan-mentor

All solutions

  • Página de Base Apparel con first-mobile, flex-box y validation form

    #bem

    juan-mentor•330
    Submitted 7 months ago
    • Sobre todo en Expresiones Regulares para validar campos de formularios.
    • Cualquier otra ayuda es bienvenida. Gracias.

    0 comments
  • Componente vista previa del artículo con first mobile, position y flex

    #bem

    juan-mentor•330
    Submitted 8 months ago
    • En muchas, así que cualquier sugerencia es bienvenida. Gracias.

    0 comments
  • Componente principal de calificación interactiva Con HTML, CSS y js

    #bem

    juan-mentor•330
    Submitted 9 months ago
    • En fundamentos de javascript y lógica de programación.

    • Cualquier otra sugerencia es bienvenida. Gracias


    0 comments
  • Preguntas frecuentes tipo acordeón con BEM y sin javascript

    #bem

    juan-mentor•330
    Submitted 9 months ago
    • En fundamentos de javascript. Cualquier otra sugerencia es bienvenida. Gracias.

    1 comment
  • Página de inicio Huddle con flexbox, BEM y un mejorado Css.


    juan-mentor•330
    Submitted 9 months ago
    • Creía que lo tenía claro, pero parece ser que no, así que cualquier sugerencia o consejo para posicionar cualquier imagen de fondo es bienvenida. Gracias.

    0 comments
  • Componente de resumen de resultados con grid, flex, bem y mobile-first

    #bem

    juan-mentor•330
    Submitted 10 months ago
    • Para que sirve y como se manejan los datos de los archivos json.
    • Cualquier otra sugerencia es bienvenida.

    0 comments
  • Sección precio único con Css grid, mobile-first y BEM


    juan-mentor•330
    Submitted 10 months ago
    • Todo comentario es bienvenido. Gracias.

    0 comments
  • Sección de prueba social con BEM - flexbox y móvil primero

    #bem

    juan-mentor•330
    Submitted 10 months ago
    • Cualquier sugerencia es bienvenida, sobre todo con las ondas de fondo.

    0 comments
  • Tarjeta de 3 columnas con flexbox sin consultas de medios


    juan-mentor•330
    Submitted 10 months ago

    En flexbox y grid. Aunque cualquier otra sugerencia es bienvenida.


    0 comments
  • Tarjeta de vista previa estadísticas con BEM, flexbox y first-mobile


    juan-mentor•330
    Submitted 10 months ago
    • Sobre todo cuando tengo una imagen que tiene el 100% del ancho del contenedor (móvil) y tiene que ponerse a un 50% del contenedor (escritorio), adaptándose a una altura que crece conforme se hace más ancho el contenedor padre.

    • Toda sugerencia o ayuda es bienvenida. Gracias.


    0 comments
  • Tarjeta ¿¿¿ NF que ??? con BEM, flexbox y algo de magia.


    juan-mentor•330
    Submitted 10 months ago
    • En este caso sobre la propiedad filter y sobre máscaras.

    0 comments
  • Tarjetas Testimoniales con Css grid y flexbox

    #bem#pure-css

    juan-mentor•330
    Submitted 10 months ago
    • Me gustaría profundizar en el alineamiento vertical de Css grid.

    1 comment
  • Sección de 4 tarjetas con algo de flex y Css grid (por fin)

    #bem#pure-css#vanilla-extract

    juan-mentor•330
    Submitted 10 months ago

    Claramente en el de alineación vertical de los items.

    align-items: center

    • No funcionó. Quizás por
      • No dar una altura al contenedor padre
      • Un error al poner grid-template-areas: "supervi team calcu"
      •                                                                 `"supervi karma calcu";`
        

    Cualquier sugerencia o comentario es bienvenido... Un saludo.


    1 comment
  • Vista previa de producto con flex-box, mobile-first y un divertido Css

    #bem#pure-css#vanilla-extract

    juan-mentor•330
    Submitted 10 months ago

    Sobre todo comprender porque a las alturas de un contenedor que tiene una imagen de fondo. No se puede poner height: 100% al Css. ¿ Por que su altura me da que es cero. ?


    1 comment
  • Página de recetas responsiva con BEM y mobile fisrt.


    juan-mentor•330
    Submitted 10 months ago

    Sobre todo manejar los iconos de los pseudoelementos ::marker

    Si se supone que son hijos de sus list-items, ¿ por qué no se pueden posicionar absolutamente ?.

    Si alguien conoce la respuesta a dicho misterio, me gustaría que lo compartiera con un pobre aficionadillo al código CSS ( antes de que me vuelva tarumba).

    Gracias a todos por vuestra paciencia y comprensión.


    1 comment
  • Card de links RRSS con first mobile y algo de magia Css

    #accessibility#bem#vanilla-extract

    juan-mentor•330
    Submitted 10 months ago
    • Quizás en el tema de accesibilidad, que me parece un gran acierto por parte de los desarrolladores.

    • Toda ayuda es bienvenida, al igual que todo comentario sobre por donde empezar a explorar dicho tema.


    2 comments
  • Tarjeta principal de vista previa con BEM y algo de semántica.

    #vanilla-extract

    juan-mentor•330
    Submitted 10 months ago

    -En este caso creo que aún no requiero de ayuda, pero seguro que conforme me atreva a iniciar proyectos más complejos si la necesitaré.


    0 comments
  • HTML semántico, con algo de flex y position.

    #bem#vanilla-extract

    juan-mentor•330
    Submitted over 1 year ago

    Me gustaría aprender a modificar la posición del icono que hay dentro de ::marker, así como saber, por que no se puede modificar el position static a absolut.


    0 comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub