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

Halibal

@halibalTurkey250 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

  • Interactive Comments | HTML, CSS, SCSS, Bootstrap, JavaScript, JSON

    #sass/scss

    Halibal•250
    Submitted almost 3 years ago

    1 comment
  • Advice Generator API — HTML, CSS, SCSS/SASS, Bootstrap JavaScript, API

    #sass/scss#bootstrap

    Halibal•250
    Submitted almost 3 years ago

    0 comments
  • Expenses Chart Component | HTML, CSS, SASS/SCSS, JavaScript, JSON

    #sass/scss

    Halibal•250
    Submitted almost 3 years ago

    1 comment
  • Interactive Pricing Component with HTML | CSS | JS


    Halibal•250
    Submitted about 3 years ago

    0 comments
  • Intro Section With Dropdown Navigation | HTML | CSS | JS


    Halibal•250
    Submitted about 3 years ago

    0 comments
  • Stats Preview Card Component with HTML | CSS


    Halibal•250
    Submitted over 3 years ago

    0 comments
View more solutions

Latest comments

  • Bernardo Hollmann•250
    @BernardoHollmann
    Submitted almost 3 years ago

    HTML + CSS + Javascript interactive page

    3
    Halibal•250
    @halibal
    Posted almost 3 years ago

    As an alternative you can use "dataset" for storing values inside the the selected element. When you loop inside all your buttons, you can use "rating.dataset.(the name you used while assigning to the data)"

    i.e: <button data-value="1">First Button</button> console.log(document.querySelector("button").dataset.value) -> prints // 1

    Marked as helpful
  • Halibal•250
    @halibal
    Submitted almost 3 years ago

    Interactive Comments | HTML, CSS, SCSS, Bootstrap, JavaScript, JSON

    #sass/scss
    1
    Halibal•250
    @halibal
    Posted almost 3 years ago

    Page content created with JavaScript file and apparently frontendmentor screenshots doesn't take it into account. This is the second time seeing this issue.

  • Halibal•250
    @halibal
    Submitted almost 3 years ago

    Expenses Chart Component | HTML, CSS, SASS/SCSS, JavaScript, JSON

    #sass/scss
    1
    Halibal•250
    @halibal
    Posted almost 3 years ago

    The chart components added with using JavaScript, so it is strange not showing up on design comparison page :) Check out the live site to see how it actually looks..

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