Skip to content
Submitted about 2 years ago

Stats Preview Card Component - Mobile First

José Wendel•60
@wendeltm
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I used in my project mobile first and put a media query for desktop.

I liked this chalenge because a learned more about media queries.

Any feedback is welcome!

Community feedback

  • Lucas 👾•104,340
    @correlucasPosted about 2 years ago

    👾Fala José , tudo bem? Parabéns pelo desafio!

    Acabei de ver sua solução e seu código html/css e tudo ficou mto bom, ótimo isso de vc ter usado variáveis e mobile first.

    O melhor jeito de inserir essa imagem seria com <picture> porque aí vc define quando uma troca pela outra tudo pelo css.

    Outra coisa é o efeito de overlay na foto que pode ser feito com duas linhas se a imagem for importada pelo HTML.

    img {
mix-blend-mode: multiply;
opacity: 75%;}

    👋 Espero ter ajudado e continue no foco!

    Marked as helpful
    0
    José Wendel•60
    @wendeltmPosted about 2 years ago

    Opa Lucas,

    Muito obrigado pelo feedback, suas dicas ajudam bastante, foram poucas dificuldades nesse desafio, mas sempre melhorando.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord