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

Gabriel de Freitas Laminas

@GabrielLaminasBrazil140 points

Front-End ❤️ I have put some newbie and junior projects on my CodePen. If you will want to see them click over the codepen link.

I’m currently learning...

HTML5, CSS3/SASS, JavaScript and React.js

Latest solutions

  • REST Countries API with color theme switcher

    #fetch#react#react-router#styled-components#vite

    Gabriel de Freitas Laminas•140
    Submitted about 3 years ago

    0 comments
  • Responsive landing page using HTML5, FLEXBOX, SASS


    Gabriel de Freitas Laminas•140
    Submitted over 3 years ago

    0 comments
  • Responsive landing page using HTML5, SCSS, CSS Grid, Flexbox, and JS

    #sass/scss

    Gabriel de Freitas Laminas•140
    Submitted over 3 years ago

    0 comments
  • Responsive landing page using HTML5, Css Flex Box, SASS and JS


    Gabriel de Freitas Laminas•140
    Submitted over 3 years ago

    0 comments
  • Time tracking dashboard using HTML, SASS, FLEXBOX, GRID LAYOUT, and JS


    Gabriel de Freitas Laminas•140
    Submitted over 3 years ago

    2 comments

Latest comments

  • P
    Katja•270
    @Katja721
    Submitted over 3 years ago

    Order summary card

    1
    Gabriel de Freitas Laminas•140
    @GabrielLaminas
    Posted over 3 years ago

    Hello, nice work. I prefer h1 to div in 'Order Summary' text. Because it's more semantic than div. I think if you add a div below the 'illustration hero' img and put the rest of the content inside it. This is nice to work with padding. Look at:

    <div class="container__info"> <h1> Order Summary</h1> <p class="description"> You can now listen to millions of songs, audiobooks, and podcasts on any device anywhere you like! </p> <div class="price"> <img src="./images/icon-music.svg" alt="music icon"> <div class="price-center"> <p class="plan">Annual Plan</p> <p class="year-price"> $59.99/year</p> </div>

    <a href="#" class="change"> Change</a></div>

    <div class="payment"> <a href="#"> Proceed to Payment</a> </div>

    <a href="#" class="cancel"> Cancel Order</a>

    </div>
  • Gabriel de Freitas Laminas•140
    @GabrielLaminas
    Submitted over 3 years ago

    Time tracking dashboard using HTML, SASS, FLEXBOX, GRID LAYOUT, and JS

    2
    Gabriel de Freitas Laminas•140
    @GabrielLaminas
    Posted over 3 years ago

    Thanks for your feedback it's so important for me. I am going to watch this video.

  • Ericka Mae Mateo•140
    @erickamae-mateo
    Submitted over 3 years ago

    mobile first approach landing page using Grid and Flex layout

    1
    Gabriel de Freitas Laminas•140
    @GabrielLaminas
    Posted over 3 years ago

    Hello there. In the main content the button view plan is not click because a bg-pattern-intro-left-desktop is over it and the same problem is happening how we work button with bg-pattern-how-we-work-desktop over it. I think you must add z-index in these buttons and check them in diferents breakpoints.

    Marked as helpful

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