Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML Bootstrap

@guimar86


Design comparison


SolutionDesign

Solution retrospective


Any feedback would be appreciated. Always looking to improve.

Community feedback

P

@davidFreelance19

Posted

Hello developer!

First I would like to congratulate you on finishing this challenge successfully. Your design is amazing! I've brought some fixes to your code to make the desktop layout a bit more similar:

body {
       overflow-y: hidden;
       background repeat: no repeat;
}
.container{
       max height: 100wh;
}
.row .col5{
       flexible screen;
       bending direction: column;
       justify-content: center;
}
.btn{
       width: 40%;
       text alignment: center;
       padding: 1 rem 0;
}

I would recommend you review the positioning themes, believe me they will be of great help to generate a design much faster.

Now, I have seen that you have used Bootstrap and I congratulate you for venturing, but do a little more research on the subject and you will realize that there is what is known as custom and this will help you combine the tools of the library with your css skills !

David Rodriguez

Marked as helpful

1

@guimar86

Posted

@davidFreelance19 Thanks for the feedback. I will try the recommendations on another branch and test it out . When you mention "custom" instead of bootstrap are you talking about Grid and Flexbox ?

0

Please log in to post a comment

Log in with GitHub
Discord logo

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