Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
26
Comments
1
João Oliveira
@jvmdo

All solutions

  • Magical fluid grid and formatting using Cleave library


    João Oliveira•370
    Submitted over 2 years ago

    0 comments
  • Change elements property leveraging HTML "data-*" attribute


    João Oliveira•370
    Submitted over 2 years ago

    0 comments
  • Simple responsive page media query-free ft fluid layout and flexbox

    #accessibility

    João Oliveira•370
    Submitted over 2 years ago

    0 comments
  • Details and summary HTML elements combined with custom arrow


    João Oliveira•370
    Submitted over 2 years ago

    0 comments
  • Hidden/visible box transition on button click


    João Oliveira•370
    Submitted over 2 years ago

    1 comment
  • Programmatically setting CSS rule's properties on form submit


    João Oliveira•370
    Submitted over 2 years ago

    0 comments
  • Form error messages based on pseudo-classes combined a bit of JS


    João Oliveira•370
    Submitted over 2 years ago

    0 comments
  • Passing custom styled radio buttons data through URL params


    João Oliveira•370
    Submitted over 2 years ago

    0 comments
  • Curved background based on wrapper and pseudo-elements


    João Oliveira•370
    Submitted over 2 years ago

    1 comment
  • Grid layout and simple side menu toggle


    João Oliveira•370
    Submitted over 2 years ago

    0 comments
  • Simple landing page fluid design using clamp


    João Oliveira•370
    Submitted almost 3 years ago

    1 comment
  • Header, main, footer fluid responsive design


    João Oliveira•370
    Submitted almost 3 years ago

    0 comments
  • Simple mobile-first full webpage layout


    João Oliveira•370
    Submitted almost 3 years ago

    0 comments
  • Flexbox wrap in order to avoid the need of media queries


    João Oliveira•370
    Submitted almost 3 years ago

    0 comments
  • Responsive grid of cards in different sizes


    João Oliveira•370
    Submitted almost 3 years ago

    2 comments
  • Responsive landing page using grids


    João Oliveira•370
    Submitted almost 3 years ago

    0 comments
  • 12-column grid to lay cards out in different alignments


    João Oliveira•370
    Submitted almost 3 years ago

    0 comments
  • Flexbox with multiple items alignment card


    João Oliveira•370
    Submitted almost 3 years ago

    0 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

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