Skip to content
Submitted over 1 year ago

Order summary component

Cassio-Master•90
@Cassio-Master
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Cada dia evoluindo e criando coisas melhores assim como eu aprendo, aprendo com vocês também como já disse alguém (um cientista): "um dia sem aprendizado é um dia não vivido".

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Daniel 🛸•44,830
    @danielmrz-dev

    Fala Cassiano!

    Parabéns por mais um projeto!

    Uma dica:

    • Não use position pra posicionar elementos dentro de container assim. Dá pra posicionar eles usando Flex ou Grid.

    position é uma ferramenta que é pra casos mais complexos e se não for bem utilizado, ele acaba com a responsividade e cria alguns bugs, fazendo elementos ficarem uns em cima dos outros e por aí vai. Fora isso, seu código fica muito maior do que o necessário

    Pesquisa sobre flexbox e começa a praticar nos seus projetos e eu te garanto que vai ficar mais fácil. Digo por experiência, pois nos meus primeiros projetos aqui, eu sofria muito com posicionamento de elementos, mas depois que aprendi flexbox e Grid, ficou muito mais fácil.

    Espero que ajude!

  • Cassio-Master•90
    @Cassio-Master

    se alguém estiver a ver este post só queria pedir ajuda na imagem do símbolo de música

    <html> <img style="position: relative; right: 365px; top: 110px;" src="./images/icon-music.svg" alt="">

    estava na posição certa mas o background não estava a diminuir então tive que tirar ele da div e deixar-lho livre alguém me da uma dica sobre isso?

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