Submitted about 3 years ago

Base Apparel coming soon page using Bootstrap 5!

Renato Lima Neves• 170

@Renato-Lima-Neves

Preview site View code

This is a solution for...

Base Apparel coming soon page

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

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

Krista Calleja• 300

@KristaCalleja

Posted about 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.

Cường• 845

@docuong0912

Posted about 3 years ago

@KristaCalleja wow, cool idiom :), and i agree with u ,too

Cường• 845

@docuong0912

Posted about 3 years ago

Hi,

About your issue, have you tried to apply 'col' class to button tag or using media query ?

Renato Lima Neves• 170

@Renato-Lima-Neves

Posted about 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.

Cường• 845

@docuong0912

Posted about 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

Please log in to post a comment

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