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

Lailton Batista

@lailton-b690 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

  • ReactJS application with react-router-dom and styled-components


    Lailton Batista•690
    Submitted over 4 years ago

    0 comments
  • Easybank landing page with SCSS


    Lailton Batista•690
    Submitted about 5 years ago

    0 comments
  • Huddle landing page single introductory with SCSS


    Lailton Batista•690
    Submitted about 5 years ago

    0 comments
  • Bookmark landing page with SCSS


    Lailton Batista•690
    Submitted about 5 years ago

    1 comment
  • Responsive landing page with SCSS


    Lailton Batista•690
    Submitted about 5 years ago

    0 comments
  • Social media dashbord with Scss


    Lailton Batista•690
    Submitted about 5 years ago

    0 comments
View more solutions

Latest comments

  • Da7y•205
    @Da7y
    Submitted about 5 years ago

    intro-component-with-signup-form-master

    2
    Lailton Batista•690
    @lailton-b
    Posted about 5 years ago

    Hey, Da7y!!

    Great job, I loved the result.

    To pick the right box-shadow color you can use the color picker tool of some image editor, such as GIMP, Photoshop, etc. I personally like to use Figma to see the layouts.

  • Isy•215
    @isy-creates
    Submitted about 5 years ago

    Mobile first with SASS and animation

    3
    Lailton Batista•690
    @lailton-b
    Posted about 5 years ago

    Hello, Isy!

    For sure. I really liked the result, congratulations!

  • Ibtisam Tanveer Khan•160
    @itkhanz
    Submitted about 5 years ago

    Responsive mobile first landing page with CSS Grid and Flexbox

    2
    Lailton Batista•690
    @lailton-b
    Posted about 5 years ago

    Hey, Ibtisam!

    You did a great job, congratulations!

    Just a tip: put the title "Stay productive, wherever you are" aligned to the left and it will be perfect!

  • Piotr•50
    @dzm11
    Submitted about 5 years ago

    Mobile first Huddle landing page

    2
    Lailton Batista•690
    @lailton-b
    Posted about 5 years ago

    Hello, Piotr!

    I personally prefer to do mobile first, I think it’s easier. Increasing the size seems easier to me than decreasing to fit the screen.

    And great job, I loved your solution!

  • Gülay Yolcu•510
    @gulayyolcu
    Submitted about 5 years ago

    Project tracking intro component Mobile First & Flexbox

    2
    Lailton Batista•690
    @lailton-b
    Posted about 5 years ago

    Hello, Gülay Yolcu!

    One problem I saw was the @media (max-width: 1440px) and (min-width: 961px)

    When the screen goes over 1440px the layout breaks completely. Try removing (max-width: 1440px) and leaving only (min-width: 961px), this will prevent the site from breaking on larger screens.

    Ex: @media (min-width: 961px) { content }

  • nabil-ee•60
    @nabil-ee
    Submitted over 5 years ago

    Flexbox

    2
    Lailton Batista•690
    @lailton-b
    Posted over 5 years ago

    Great job, Nabil, I really enjoyed it!! Just a tip: you could make the content occupy 100% of the screen on the desktop by adding height: 100vh in the html. This property will always calculate the maximum height of the screen and distribute correctly, it gives a better appearance!

View more comments
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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

Mentor of the Week - 2nd Place

This badge is awarded to the 2nd placed community member on the weekly Wall of Fame.

Fun fact

Keypunches were used in early computing to punch precise holes in stiff paper card. The punched cards were then used for data input, output, and storage. No code linters or auto-complete suggestions to help out back then! 😅

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