Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
3

Bruhat Melvin

@AzraudeFrance110 points

Student in web development for one year

I’m currently learning...

Javascript ,React, Symfony and VueJS

Latest solutions

  • Social media dashboard using grid and flexbox


    Bruhat Melvin•110
    Submitted over 2 years ago

    1 comment
  • E-commerce product page using HTML,CSS, JS


    Bruhat Melvin•110
    Submitted over 2 years ago

    0 comments
  • Responsive Design using display grid


    Bruhat Melvin•110
    Submitted over 2 years ago

    0 comments
  • Interactive rating component using flex and jquery


    Bruhat Melvin•110
    Submitted about 3 years ago

    0 comments
  • Using CSS Grid


    Bruhat Melvin•110
    Submitted over 3 years ago

    0 comments
  • Using flexbox principally


    Bruhat Melvin•110
    Submitted over 3 years ago

    2 comments
View more solutions

Latest comments

  • Kayyrbek Perdebekov•130
    @kayyrbeks
    Submitted over 2 years ago

    QR code component (use only HTML & CSS)

    2
    Bruhat Melvin•110
    @Azraude
    Posted over 2 years ago

    That's great man, nice first project, keep training like that!

  • Marius•190
    @MariusHor
    Submitted about 3 years ago

    Interactive rating component with BEM, Scss and Javascript

    #bem#sass/scss
    1
    Bruhat Melvin•110
    @Azraude
    Posted about 3 years ago

    You should use preventDefault(), it prevent browser from refreshing.

    Here is a simple solution for example, but yours is good too !

    form.addEventListener('submit', function(e){
        e.preventDefault();
        const checkbox = "input[name=rating1]:checked";
        const checked = document.querySelector(checkbox);
        console.log(checkbox);
         if(checked !== null){
             let ratingselected = document.querySelector('.ratingselected');
            ratingselected.textContent =  'You selected ' + checked.getAttribute('value')+ ' out of 5'
             cardform.classList.add("hidden");
             cardthanks.classList.remove("hidden");
         }
     })```
    
  • Bruhat Melvin•110
    @Azraude
    Submitted over 3 years ago

    Using flexbox principally

    2
    Bruhat Melvin•110
    @Azraude
    Posted over 3 years ago

    Hello ! Thanks for you feedback, it help me a lot.

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