Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
27
Comments
21
P

JJorgeMS13

@JJorgeMS13440 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Responsive landing page using HTML5, Sass y BEM.


    P
    JJorgeMS13•440
    Submitted 8 months ago

    Me encantaria saber si aplique bien la metodologia BEM con Sass y en que puedo mejorar para poder hacer mas limpio mi codigo.


    1 comment
  • Responsive landing page using HTML5, Sass, BEM, Accessibility, JavaScr


    P
    JJorgeMS13•440
    Submitted 8 months ago

    Me gustaría que me ayuden como puedo crear un codigo mas limpio


    1 comment
  • Responsive landing page using HMTL5, Sass and JavaScript.


    P
    JJorgeMS13•440
    Submitted 9 months ago

    Me encantaría que me ayuden a mejorar mi estructura HTML ya que tengo cosas repetidas como el slider.


    1 comment
  • Responsive landing page using HTML5, Sass, Flexbox and Grid layout.


    P
    JJorgeMS13•440
    Submitted 9 months ago

    Me encantría que me ayuden a mejorar la semantica HTML y en la limpieza del codigo.


    1 comment
  • Responsive landing page usign Vue.js, Sass, Accesibility, Grid layout.


    P
    JJorgeMS13•440
    Submitted 9 months ago

    Me encantaría poder hacer componentes mas reutilizables.


    1 comment
  • Responsive landing page using HTML5, Accesibility and Sass.


    P
    JJorgeMS13•440
    Submitted 9 months ago

    Me gustaria saber si puedo mejorar mi semantica de html


    1 comment
View more solutions

Latest comments

  • Dev-musty•170
    @Dev-musty
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I thoroughly enjoyed every moment of working on this project! Applying the CSS flex display property effectively was great. I’m always eager to improve, so if you have any suggestions, I’d love to hear them!

    Nft preview card

    1
    P
    JJorgeMS13•440
    @JJorgeMS13
    Posted 8 months ago

    Hola me gusto mucho como implementaste tu proyecto, tengo algunas sugerias que podrian ayudarte a mejorar e seguido las rutas de aprendizaje aqui en Frontend Mentor y te dan algunas pautas como utilizar rem en vez de px exite una practica para facilitar la conversion de rem a px lo que yo hago es poner. html { font-size: 62.5%; } y un ejemplo que quieras ponerle 16px de font size a un parrafo lo puedes poner asi: p { font-size: 1.6rem; } si te das cuenta 1 rem equivale a 10 px y eso hace muy facil la conversion, saludos espero que te ayude.

    Marked as helpful
  • P
    Houari Aouinti•1,880
    @aouintihouari
    Submitted 9 months ago

    Body Mass Index Calculator using HTML, plain CSS and Vanilla JS.

    1
    P
    JJorgeMS13•440
    @JJorgeMS13
    Posted 8 months ago

    Buenos días me encanto tu desarrollo, un tip que tal vez ya lo sepas pero igual no esta de mas mencionarlo podrias hacer los input de forma dinamica con JavaScript. saludos!!!

  • Demetrio Julian•810
    @dejuliansr
    Submitted 9 months ago

    Ecommerce Product Page

    1
    P
    JJorgeMS13•440
    @JJorgeMS13
    Posted 9 months ago

    Me gusto mucho tu desarrollo, auque podrias mejorarlo poniendo un slider en mobile y revisar un poco el diseño ya que en 320px hay algunos elementos que se ven extraños y para tener un poco mas de acessibilidad podras usar mas elementos buttons y menos divs

  • P
    Houari Aouinti•1,880
    @aouintihouari
    Submitted 9 months ago

    News Homepage

    1
    P
    JJorgeMS13•440
    @JJorgeMS13
    Posted 9 months ago

    Podrias cambiar el diseño también cuando este en Focus el elemento asi el diseño se vería mas acorde al diseño en vez de dejar los elementos con el focus predeterminado al igual te falto agregar un elemento a para los titulos de las tarjeta.

  • P
    Houari Aouinti•1,880
    @aouintihouari
    Submitted 9 months ago

    Contact Form

    1
    P
    JJorgeMS13•440
    @JJorgeMS13
    Posted 9 months ago

    Podrias mejorar el diseño en dispositivos pequeños, ya que al ponerle en 320px y darle click sin llenar nada el desarrollo colapsa por que no se ve por completo el formulario, saludos! lo que yo hago es poner el height: 100% en los contenedores y no dar height ni width a mi card, por que con los padding y margin tu los puedes ir controlando.

  • cassiopeia•500
    @cassiopeia001
    Submitted 9 months ago

    FAQ accordion

    1
    P
    JJorgeMS13•440
    @JJorgeMS13
    Posted 9 months ago

    you could use HTML semantico para hacer el accordion, the tag

    <details> <summary> here write the question and image </summary> here write the answer </details> i hope you enjoy, grettings!!!
    Marked as helpful
View more 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