Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
14
Comments
9

JUAN JOSE HERNANDEZ MUÑOZ

@J-HernandezMColombia360 points

Actualmente estoy aprendiendo diseno web.

Latest solutions

  • Shortly - React - Vite - TS - Jest

    #jest#react#typescript#vite

    JUAN JOSE HERNANDEZ MUÑOZ•360
    Submitted over 1 year ago

    0 comments
  • Vanilla Javascript tip splitter


    JUAN JOSE HERNANDEZ MUÑOZ•360
    Submitted about 2 years ago

    0 comments
  • Age Calculator App using just Vanilla JS


    JUAN JOSE HERNANDEZ MUÑOZ•360
    Submitted about 2 years ago

    0 comments
  • Multi Step Form using React and Vite

    #react#vite

    JUAN JOSE HERNANDEZ MUÑOZ•360
    Submitted about 2 years ago

    0 comments
  • Responsive IP Tracker using JavaScript, API, Mobile First


    JUAN JOSE HERNANDEZ MUÑOZ•360
    Submitted over 2 years ago

    0 comments
  • API - Advice Generator


    JUAN JOSE HERNANDEZ MUÑOZ•360
    Submitted over 2 years ago

    1 comment
View more solutions

Latest comments

  • Remigiusz Czarnecki•380
    @remmji
    Submitted over 2 years ago

    Interactive Card

    1
    JUAN JOSE HERNANDEZ MUÑOZ•360
    @J-HernandezM
    Posted over 2 years ago

    maybe you should try to add a max-height to the top section and the images of the ccard try to make the position absolute relative to the top container instead of doing it in the body, if needed add a 3rd media querie for tablets.

    Great job with the js, i solved it using other methods but i like some of your code. I'll implement myself on my code some of your ideas!

    Marked as helpful
  • Vinicius da Silva Montibeller•160
    @viniciusmontibeller
    Submitted over 2 years ago

    Responsive solution using HTML5, CSS and Javascript

    #fetch
    1
    JUAN JOSE HERNANDEZ MUÑOZ•360
    @J-HernandezM
    Posted over 2 years ago

    Nice solution in the JavaScript, i didnt knew You could do all that in just one function, i always thought that everything should be in diferente functions, i did ir that way and find myself in trouble with they calls of the funtions, pretty straight forward, and understandable, congrats!

  • Kian•150
    @kiangopez
    Submitted over 2 years ago

    Notifications Page using JS

    1
    JUAN JOSE HERNANDEZ MUÑOZ•360
    @J-HernandezM
    Posted over 2 years ago

    the way i did it was to assign a class called 'readed' and changed the styles, then i created in JS a function that evaluates for each notification if it contains the class 'readed'. If it doesnt have the class for that notification, add 1 to a variable counter, if it has the class then dont add anything. That way if the script evaluates each notification and none of them have the readed class the number will be 0.

    I called the function after i created all the event listener logic but inside of it

  • Tian•410
    @TianYeCal
    Submitted over 2 years ago

    Intro-component-with-signup-form

    1
    JUAN JOSE HERNANDEZ MUÑOZ•360
    @J-HernandezM
    Posted over 2 years ago

    Hi! Im not sure if you have the backround image of desktop in the desktop view. I get to put the error icon inside the input by creating a div element that wraps both img and input elements (also a span for the error message), so i can use position absolut in the parent div and move the image inside of the input.

    Marked as helpful
  • Eren•720
    @erenymo
    Submitted over 2 years ago

    Single Price Grid Page using pure HTML and CSS

    3
    JUAN JOSE HERNANDEZ MUÑOZ•360
    @J-HernandezM
    Posted over 2 years ago

    Maybe you should try to learn CSS GRID and apply it to this project. Usign in desktop a 4x4 grid meanwhile in mobile use a 1column x 3 row, change that using media queries. Use this resource to learn grid basics https://cssgridgarden.com/#es When you check that the rules that im reffering to are

    grid-template-area
    grid-area
    

    or just the columns or just the rows

    Marked as helpful
  • amirandersonjones•70
    @amirandersonjones
    Submitted over 2 years ago

    https://github.com/amirandersonjones/interactive-rating-component

    1
    JUAN JOSE HERNANDEZ MUÑOZ•360
    @J-HernandezM
    Posted over 2 years ago

    try using a radio input for the buttons of the scores, then read all the HTML elements in the JS using document.querySelector, create a function that evaluate each radio input element and see witha condition if they have the propertie .checket = true, if so then thats the option the user selected and you can assign that to a variable

View more comments

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