Hi!
I was wondering if somebody could help me out with the following: Ive got multiple buttons next to each other with a padding and a border. When resizing the window to a smaller size, these border are overlapping at a certain point? Also if a button is composed out of multiple words, I would like to keep them next to each other. Adding extra columns between the buttons doesn't help and will only create more distance when they do eventually move under each other at mobile size.
.button {
padding: 15px 15px;
display: inline-block;
background-color: transparent;
border: 2px solid #FFFFFF;
border-radius: 25px;
line-height: 1;
text-decoration: none;
color: white;
opacity: 1;
}
.button:hover{
background-color: #f0f0f0;
text-decoration: none;
opacity: 1;
best,
Remco