Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
2
Brandon Etter
@brandonetter

All comments

  • André Aquilina•40
    @dreaquil
    Submitted over 2 years ago

    QR Code component using CSS flex.

    2
    Brandon Etter•120
    @brandonetter
    Posted over 2 years ago

    Hey! Centering and sizing things can be hard. You can try using percentages and non-absolute values for sizing to help with responsiveness- and there's always @media queries in CSS!

    https://codepen.io/brandonetter/pen/wvjZMeb

    You can also add centering to your body to keep everything in the middle. Good work.

    Marked as helpful
  • Saubhagya•80
    @Saubhagya111
    Submitted over 2 years ago

    Notification page using HTML, CSS, Bootstrap and JS

    1
    Brandon Etter•120
    @brandonetter
    Posted over 2 years ago

    Hi! My solution would be to add an event listener to "mark all as read" and have that run a function that toggles the class "read" on each element.

    https://codepen.io/brandonetter/pen/oNdVmZR?editors=1111

    Here's a quick example. We use document.querySelector to grab the elements and then place listeners on them. We can access the classList and use the toggle() function to add/remove a class.

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