Design comparison
Solution retrospective
I don't understand how I should adjust the paragraph to be the way I want it to be... What could I have improved in my code, in the result of the site?
Community feedback
- @correlucasPosted about 2 years ago
👾Fala Alephy, tudo bem? Parabéns pelo desafio!
Acabei de abrir o preview da sua solução e achei tudo mto bom, tem poucos detalhes pra melhorar. Aqui umas dicas:
Pra adicionar essas duas imagens de ondinha no topo e na base da página, você pode usar
background-image
, o melhor jeito seria inserindo nobody
pra ficar abaixo de todos elementos e adicionar as duas images combackground-image: url()
com uma virgula pra importar as duas imagens e mudar a posição delas combackground-position
e colocar a virgula tbm pra manipular a posição. Olha o código abaixo com o as imagens aplicadas:main { background-image: url(../images/bg-pattern-top-desktop.svg), url(../images/bg-pattern-bottom-desktop.svg); background-position: left -185px top -236px, right 10px bottom -300px; background-repeat: no-repeat, no-repeat; background-attachment: fixed, fixed; background-size: contain, contain; background-color: hsl(0, 0%, 100%); min-height: 100vh; display: flex; flex-direction: column; justify-content: center; }
👋 Espero ter ajudado e continue no foco!
0
Please log in to post a comment
Log in with GitHubJoin 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