Base Apparel coming soon page using Bootstrap 5!
Design comparison
Solution retrospective
Hello coder! This is my project here on frontend mentor, where i used Bootstrap 5 and DOM. I had tons of fun while making it, but i have some issues with the button and the image. I don't know how to make them responsive, i tried using flexbox but still didn't worked. What should i do to fix these issues? Thanks for stopping by and happy coding!
Community feedback
- @KristaCallejaPosted over 3 years ago
Oi Renato, in my opinion you're putting the cart before the horse, learning Bootstrap before getting a good grasp of CSS. I would recommend restarting with a good HTML structure (those lines!!). And even before that, you need to get your design in order written out in pencil and paper to know how you're going to divide your work. Then you will know where the flexbox will go.
1@docuong0912Posted over 3 years ago@KristaCalleja wow, cool idiom :), and i agree with u ,too
0 - @docuong0912Posted over 3 years ago
Hi,
About your issue, have you tried to apply 'col' class to button tag or using media query ?
0@Renato-Lima-NevesPosted over 3 years ago@docuong0912 I did. The problem is how i fit the button inside the email form. I tried changing his position to absolute too, but it didn't worked out.
0@docuong0912Posted over 3 years ago@Renato-Lima-Neves try replacing div class='col col-sm-12 col-lg-6 right' to div class=' col-12 col-lg-6 right' for the images
and about the button try using media query to resize button at breakpoints
Next time i think you should focus on learning basic html and css properly before moving on to new technique, and try to design mobile first then desktop
0
Please log in to post a comment
Log in with GitHub
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