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

mateussmiranda

@mateussmirandaSão Paulo, Brazil20 points

💻 Estudante de Análise e Desenvolvimento de Sistemas / Focado em Teste de Qualidade e Automação.

Latest solutions

  • Blog Preview Card - Solução do desafio com HTML, CSS e responsividade


    mateussmiranda•20
    Submitted 3 months ago

    2 comments
  • QR Code Component com HTML5, CSS3, Flexbox e Design Responsivo


    mateussmiranda•20
    Submitted 4 months ago

    0 comments

Latest comments

  • croscob3•20
    @croscob3
    Submitted 4 months ago

    Usei HTML, CSS, @font-face, flexbox, hover e sombra.

    1
    mateussmiranda•20
    @mateussmiranda
    Posted 3 months ago

    ✅ Pontos Positivos: Estrutura bem organizada: O HTML está limpo e semanticamente coerente. A separação das responsabilidades entre HTML e CSS está clara.

    Layout centralizado com grid: A centralização da .card usando display: grid e place-items: center é uma escolha elegante e moderna.

    Uso de hover no título: A interação no título com hover traz vida ao card e valoriza a experiência do usuário.

    Boa tipografia no geral: A fonte personalizada traz personalidade ao projeto.

    🔧 Oportunidades de Melhoria: Imagem sem bordas arredondadas: A classe .img está aplicando border-radius: 10px, mas parece que não está surtindo efeito como o esperado. Certifique-se de que a classe está sendo aplicada corretamente ou que o seletor não está sendo sobrescrito.

    Tamanho da fonte na tag “Learning”: A classe .cor_fundo está com uma fonte um pouco grande comparado ao design original. Reduzir um pouco a font-size pode deixar mais próximo do visual do desafio.

    Data está em negrito: No design original, a data está com peso de fonte regular. Alterar de font-weight: bold para font-weight: 500 ou normal deixará mais fiel.

  • Ahmed Hussam•60
    @Ahmed-Hussam18
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that i found a free course online that can help me develop my programming skills. I'll try harder to finish the tasks faster.

    Card

    1
    mateussmiranda•20
    @mateussmiranda
    Posted 4 months ago

    Ótimo trabalho, Ahmed! 👏 Sua solução está visualmente muito próxima do design original e demonstra bom domínio de CSS e organização de estrutura.

    ✅ Pontos positivos:

    A paleta de cores está correta e bem aplicada.

    Tipografia consistente com o desafio, utilizando a fonte Outfit corretamente.

    O layout está centralizado e funciona bem em tamanhos de tela comuns.

    Código limpo, bem organizado e de fácil leitura.

    🛠️ Sugestões de melhoria:

    Trocar o h2 por h1, já que é o único título e representa o conteúdo principal da página.

    Melhorar o alt da imagem para algo mais descritivo, como: "QR code linking to Frontend Mentor", para acessibilidade.

    Envolver a div.card em uma <main> para reforçar a estrutura semântica.

    Adicionar um @media query para deixar o layout mais adaptável em telas menores.

    A sombra do cartão pode ser um pouco mais suave para ficar mais próxima do design original.

    No geral, sua solução está excelente! Com esses pequenos ajustes, ficará ainda mais acessível e profissional. Parabéns! 🚀

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