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

Leonardo Mendes

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

  • Responsive accessible FAQ accordion using HTML/CSS/JS


    Leonardo Mendes•70
    Submitted over 1 year ago

    The JS, mainly.


    0 comments
  • Responsive Recipe page built using HTML & vanilla CSS


    Leonardo Mendes•70
    Submitted over 1 year ago

    Making it as close as pixel perfect as I can.


    1 comment
  • Responsive Social links profile made using HTML & vanilla CSS


    Leonardo Mendes•70
    Submitted over 1 year ago

    None at the moment.


    1 comment
  • A responsive blog preview card made with HTML & CSS


    Leonardo Mendes•70
    Submitted over 1 year ago

    I did just fine, in my opinion.


    1 comment
  • Used Semantic HTML5 and CSS (including Flexbox)


    Leonardo Mendes•70
    Submitted over 1 year ago

    Working with Figma.


    1 comment

Latest comments

  • Alan Mesquita•40
    @alan-mesquita
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Acredito que neste projeto posso me orgulhar da semântica do HTML.

    E em um próximo projeto estou pensando em usar uma metodologia de nomeação de classes como o BEM.

    What challenges did you encounter, and how did you overcome them?

    O desafio que tive foi mais pessoal e não de código.

    Fiquei bloqueado por um tempo tentando ser o mais fiel possível ao design sem a utilização do figma e sem me preocupar muito com a estrutura.

    Até que depois de um tempo longe desse projeto, voltei com a mente no lugar e me autoanalisei, me perguntando se estava me focando no problema certo, que no meu caso é consolidar as bases.

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

    Mais dicas de implementações no meu código e também quais ferramentas e abordagens que posso está implementando no meu projeto.

    Recipe-page

    1
    Leonardo Mendes•70
    @Choconaldo
    Posted over 1 year ago

    In overall it's good. Maybe you should check the spaces between the sections and improve it trying to make it more close to the original design. The dots in the unorganized list should be in the same color to the organized list. Keep up with the good work.

  • robinsonexe•80
    @robinsonexe
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    For some reason I had issues on making the links to give the desired look, while it took me an unreasonable amount of time to overcome next time I will simply make a test project with as little styles as possible so I can be sure how to effectively uses styling. I am proud of the fact that I was able to find the issue and solve it effectively gaining some knowledge while doing so

    What challenges did you encounter, and how did you overcome them?

    Mostly styling with CSS, stacking different effects on a body or the parent elements makes some certain effects to not be applied when you add them, specifically for me it was the width and I had to set the property of the anchor element to block before the width styling was able to be implemented

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

    Mostly CSS, while I found a way to overcome this project I believe I need help when it comes to choosing the appropriate styling to give a desired look

    Social Media Links Page using HTML and CSS

    1
    Leonardo Mendes•70
    @Choconaldo
    Posted over 1 year ago

    It's pretty good in overall. Try to centralize the card vertically using "height: 100vh;" property in the main instead of column flex direction. Also, the title and the location text (the neon green one) seem too small to me. They the location text should be bold too.

    Marked as helpful
  • Tom Harris•30
    @harristom
    Submitted over 1 year ago

    Blog preview card

    1
    Leonardo Mendes•70
    @Choconaldo
    Posted over 1 year ago

    Great job!!! It's perfect, in my opinion.

  • I'mVeryZyla•500
    @RaulTindogan
    Submitted over 1 year ago

    QR Code Component (Responsive)

    2
    Leonardo Mendes•70
    @Choconaldo
    Posted over 1 year ago

    Excellent work!!

  • DadiPraveenKumar•20
    @DadiPraveenKumar
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I tried to keep the code organized and readable, with proper names, indents comments. Maybe to write as much reusable code as possible.

    What challenges did you encounter, and how did you overcome them?

    alignment became a great challenge but with some references sorted it

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

    at font finding and the weight of font setting

    qr-code-component

    1
    Leonardo Mendes•70
    @Choconaldo
    Posted over 1 year ago

    Excellent work!! You should just get rid of de text (and link) below the card.

  • Anupam kumar jha•30
    @Anupam2413
    Submitted over 1 year ago

    QR-Code-Component

    1
    Leonardo Mendes•70
    @Choconaldo
    Posted over 1 year ago

    It's pretty good in general. I think you should get rid of the text below the card and check the the text format below the title. It takes three lines, not two like your solution.

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