Submitted over 3 years ago

Responsive Lading Page with css grid

sass/scss

Jêfferson Maxwell Ataide de Almeida•180

@MaxwellAt

A solution to the Order summary component challenge

Preview Code

Solution retrospective

##Portuguese Gostaria da opinião de todos. Seria muito bom contar com a crítica construtiva de todos que puderem me ajudar. Acredito que ainda há muito o que se melhorar no código e conto com a ajuda da comunidade! ##English I would like everyone's opinion. It would be great to have constructive criticism from everyone who can help me. I believe there is still a lot to improve in the code and I count on the help of the community!

Code

Please log in to post a comment

Community feedback

darryncodes•6,350

@darryncodes

Posted over 3 years ago

Hi Jefferson,

Awesome solution, you've done a great job - well done!

Try this:

    background-image: url(images/pattern-background-desktop.svg);
    background-size: 100% auto; // UPDATE
    background-repeat: no-repeat;
    background-color: hsl(225, 100%, 94%);
    /* width: 100%; */ // REMOVE
    min-height: 100vh; // UPDATE
    display: flex; // ADD
    justify-content: center;
    align-items: center;

Marked as helpful

Vinicius Henrique•590
@viniciusshenri96
Posted over 3 years ago
Muito bom mano, continue praticando!
Marked as helpful

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