Skip to content
OverviewSolutions
15
Comments
3
kdugaspar
@kdugaspar

All comments

  • kdugaspar•150
    @kdugasparPosted 10 months ago

    Olá @ Harjorkhey! para o gradiente você poderia utilizar: background-image: linear-gradient(#7857FF, #2E2BE9);

    0
  • Yosef S•30
    @Yosef-Solomon19Submitted 12 months ago
    • I tried using a bit of flex box, and it'll probably be something I want to learn more of to get comfortable with.
    • I think the one issue I ran into was wrapping the image with a <div> tag. When I needed to adjust the space around the image it kept getting smaller. But as I switched to the <img> tag I wasn't having that issue at all.
    • Another minor issue was trying not to set width on the parent element I think when I'm already using flexbox.

    -This is my first time posting so I hope I did alright. I'm more concerned about if there were certain stylings that I did that can be written in fewer lines of code.

    Product Preview Card with abit of flexbox

    1
    kdugaspar•150
    @kdugasparPosted 12 months ago

    Olá @ Yosef-Salomão19 uma dica Não pule níveis de título: sempre comece de <h1>, seguido por <h2>e assim por diante, vir que você pulou do <h1> para <h3> e depois <h5> deixando o <h2> e <h4> de fora. Semanticamente não é bom ;) espero ter ajudado!

    0
  • kdugaspar•150
    @kdugasparPosted over 1 year ago

    Olá Mohd Ayaan, para uma visualização responsiva você poderia colocar as configuração css do boby dentro de uma nova tag de preferencia semântica. e usar o min-height: 100vh; para pegar toda a tela. :)

    1