0

guys, can't understand how it works.

.butts {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-left: 40px;

}
.butt {
    width: 120px;
    height: 50px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

Want to change button size with resizing the browser.

Chainsaw
  • 301
  • 2
  • 11
  • 2
    Does this answer your question? [Media Queries: How to target desktop, tablet and mobile?](https://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile) – disinfor Jan 12 '20 at 16:27
  • Shoud I hardcode for every resolution, yes? – Chainsaw Jan 12 '20 at 16:29
  • 1
    @Chainsaw No, only trigger when you want to change something. Start from mobile first. – Roy Jan 12 '20 at 16:30
  • 1
    @Chainsaw write 3-4 media queries, thats usually enough. There you only write what is changed. Be pragmatic when using them. Write in the way so that one size is enough till next media query and so on. – Nick Jan 12 '20 at 16:42

2 Answers2

2

put for properties "padding" in button class. Or Change height and width button.

Meet Kadivar
  • 41
  • 4
1

auto-resize buttons for responsive design you can refer to this answer for your issue as you can set the max-width:100% for the whichever button to resize in your browser.

saurav
  • 129
  • 8
  • 1
    While the link may answer the question, please do not post link only answers. I know you don't have enough rep to comment, but if you do choose to answer, please include the solution in the answer - not a link. In this particular case, I would consider writing your own answer - or not answer since this topic is already covered on Stack Overflow (your link, for instance) – disinfor Jan 12 '20 at 17:07
  • 2
    i will keep these things in mind from next time while answering – saurav Jan 12 '20 at 17:14