Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
5
Comments
5
Caio Lopes Silva
@CaioLopes5556

All solutions

  • My Solution to Product Preview Card Component with HTML e CSS


    Caio Lopes Silva•70
    Submitted 3 months ago

    Eu utilizei o Chrome para visualizar o site enquanto estava desenvolvendo e tudo certo. Mas depois, quando fui fazer capturas de tela pelo Firefox para colocar no README, percebi um problema. A imagem não fica com o mesmo tamanho da div .left-content ao lado. Se alguém souber explicar o motivo ficarei muito agradecido e farei as alterações necessárias. Estou aberto para dicas e criticas caso encontrem outros erros.


    1 comment
  • Recipe Page - HTML e CSS


    Caio Lopes Silva•70
    Submitted 4 months ago
    • Essa solução que arrumei acaba distorcendo levemente a imagem quando a largura da tela vai ficando menor que 375px. Não me incomodou muito, mas sei que não é um comportamento adequado, queria saber como eu posso corrigir isso, se é um problema na estrutura do código ou algo que faltou no CSS.

    • Algumas dicas e críticas quanto a semântica do código são muito bem vindas ksks


    1 comment
  • Social Links Profile - HTML, CSS


    Caio Lopes Silva•70
    Submitted 4 months ago
    • Talvez alterar a div .link-list em uma <ul> para tornar o código mais semântico. Mas vou tentar achar uma forma de fazer isso sem comprometer a área de hover do link.

    1 comment
  • Blog Preview Card Solution - HTML - CSS


    Caio Lopes Silva•70
    Submitted 5 months ago
    • O que me preocupa um pouco é a organização do código, sinto que utilizei muitas classes e não sei se a maioria era realmente necessária. Também não sei se está semântico o suficiente, quase pensei em utilizar a tag <figure> para a imagem do card, mas optei apenas pela <img> no final.

    • Talvez eu esteja caçando erro, mas quando eu do um Zoom muito alto no site, o Footer acaba ficando "preso" no meio dele ao descer a pagina.


    2 comments
  • MySolution-QR-CODE-COMPONENT-MAIN

    #pure-css

    Caio Lopes Silva•70
    Submitted 5 months ago

    What I would like help with

    • How can this code be more semantic

    1 comment
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