Set CSS button width to 100% when mobile

Question

Hello, I would like help with a small problem, although it seems simple, I do not move much with CSS so I ask for help.I would like to set the width of my button when the site is accessed to 100% so that it occupies all space. I believe the image will illustrate better:

Through the Image you can see that the buttons are uneven in size, there’s some way I can fix it?

Answer 1

Put media queries to solve this problem.

See the following example:

 @media screen and (max-width: 480px) {
     button {
       width:100%;
     }
 }

This link explains step by step how we can use media queries: https://tableless.com.br/introducao-sobre-media-queries/