Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
62
Comments
6

Lucas Weidas

@lucasweidasRio de Janeiro1,350 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

  • Rock, Paper, Scissors

    #react#tailwind-css#typescript#next

    Lucas Weidas•1,350
    Submitted almost 2 years ago

    0 comments
  • Launch Countdown Timer

    #next#react#tailwind-css#typescript#motion

    Lucas Weidas•1,350
    Submitted almost 2 years ago

    0 comments
  • Easybank Landing Page

    #next#react#tailwind-css#typescript#motion

    Lucas Weidas•1,350
    Submitted about 2 years ago

    0 comments
  • Manage Landing Page

    #next#react#tailwind-css#typescript#motion

    Lucas Weidas•1,350
    Submitted about 2 years ago

    0 comments
  • Newsletter sign-up form

    #next#react#tailwind-css#typescript

    Lucas Weidas•1,350
    Submitted about 2 years ago

    0 comments
  • Age Calculator App

    #react#tailwind-css#vite

    Lucas Weidas•1,350
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Tejaswini Labade•150
    @TejaswiniLabade
    Submitted over 3 years ago

    Testimonials grid section challenge

    2
    Lucas Weidas•1,350
    @lucasweidas
    Posted over 3 years ago

    Good job in that one!

    You have a problem centering the main container. To fix it, just add these lines to your body tag.

      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
    

    Then, remove the margin: 100px auto 0; line inside your media querie in .container.

    Keep it up!

    Marked as helpful
  • Louise Norrsén•140
    @louisenorrsen
    Submitted over 3 years ago

    Order summary component

    1
    Lucas Weidas•1,350
    @lucasweidas
    Posted over 3 years ago

    Good job on that!

    Something I think you need to improve: change the div in payment-btn and cancel-order-btn to a button tag. Use div only as a generic container.

    Keep it up.

    Marked as helpful
  • Ankitha Pai•20
    @ankithapai
    Submitted over 3 years ago

    Website QR code

    3
    Lucas Weidas•1,350
    @lucasweidas
    Posted over 3 years ago

    great job on that one!

    First of all, you have two folders with the same name, but the first one is useless. So, you need to move your second folder called qr-code-component-main out of the first one, and add on your Webdev folder. This change will make the github page identify your index.html and the page will work just fine.

    Keep it up.

    Marked as helpful
  • alt_plusF4•120
    @alt-plusF4
    Submitted over 3 years ago

    Fylo data storage component using basic HTML CSS

    1
    Lucas Weidas•1,350
    @lucasweidas
    Posted over 3 years ago

    Nice work on that one! But you need to wrap all your main content, in this case it is div class="bg" and div class="mid", inside a main tag. Also, you can wrap your div class="attribution" within a footer tag. Keep it up!

    Marked as helpful
  • Nakoya Wilson•1,530
    @nakoyawilson
    Submitted over 3 years ago

    Fylo data storage component using Flexbox and CSS Grid

    1
    Lucas Weidas•1,350
    @lucasweidas
    Posted over 3 years ago

    Nice job, Nakoya Wilson! I see a small problem with the background-image in your body. To fix it, just set this code.

    @media (min-width: 1440px) {
        body {
            background-size: 100% 52.5%; 
        }
    }
    
    Marked as helpful
  • Laura Stevenson•50
    @laurstevenson
    Submitted over 3 years ago

    Pricing Panel Challenge, HTML & CSS

    2
    Lucas Weidas•1,350
    @lucasweidas
    Posted over 3 years ago

    Greate job, Laura!

    To fix the "main" landmark problem, you need to wrap the "div.panel" with the "main" tag.

    To fix border radius trouble, change the "@media (max-width:500px)" to "@media (max-width:899px)", and the two class ".pricing-plan" inside them, to:

    .pricing-plan:first-child { border-radius: 10px 10px 0 0; } .pricing-plan:nth-of-type(3) { border-radius: 0 0 10px 10px; }

    Sorry for my bad english :)

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

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