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

Lucas Ribeiro

@lucasribeirosantos180 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

  • Two collumn responsive layout | Fylo Landing Page


    Lucas Ribeiro•180
    Submitted 4 months ago

    0 comments
  • API - Random advice generator app


    Lucas Ribeiro•180
    Submitted 5 months ago

    1 comment
  • Interactive component - HTML | CSS | JS


    Lucas Ribeiro•180
    Submitted 6 months ago

    0 comments
  • Contact Form | HTML, CSS, JS


    Lucas Ribeiro•180
    Submitted 6 months ago

    0 comments
  • Product Preview Card - HTML/CSS


    Lucas Ribeiro•180
    Submitted 8 months ago

    1 comment
  • Responsive Testimonial Grid Section - HTML & CSS


    Lucas Ribeiro•180
    Submitted about 1 year ago

    0 comments
View more solutions

Latest comments

  • KodintsevK•40
    @KodintsevK
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    It turned out to be easier to control the margins between elements inside the div block using the gap property when display: flex; and flex-direction: column are enabled.;

    What specific areas of your project would you like help with?

    I would like to control the fonts of the texts so that I don't have to rewrite the same test, but use a constant value. Everything I've found on the Internet doesn't seem convenient to me. If you have any advice on how to reuse css properties, please share it. I'll be grateful. :3

    CSS, HTML, Hover, gap in css

    4
    Lucas Ribeiro•180
    @lucasribeirosantos
    Posted 6 months ago

    You can use a general css style and aplly in more than one element. This is used more often in lading pages and longer projects that have a lot of texts that receive the same stylization. First create a style in css even if no element is using it and then you go on to your HTML and put the class or ID to the respective elements. If you want to style all <p> just put the class you created in all of them and it should work!

    Marked as helpful
  • P
    Brandon Ruoro•200
    @ruorobee
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I had to do further reading on flexbox and I'm happy with the result. Still a long way to go but I'll take it a day at a time

    Blogpost Preview Card

    1
    Lucas Ribeiro•180
    @lucasribeirosantos
    Posted 6 months ago

    Code is looking clean! Awesome job!

  • Anastasia Ermolova•230
    @ankkiel
    Submitted over 1 year ago
    What specific areas of your project would you like help with?

    Any feedback is welcome. Thank you

    Huddle landing page using SCSS, BEM, GSAP

    #gsap#sass/scss#bem
    2
    Lucas Ribeiro•180
    @lucasribeirosantos
    Posted over 1 year ago

    awesome resolution, well done! got very close to perfection :D

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