AU
сколько весит картинка для фона? оптимально, если не более 100-130 кб
Size: a a a
2021 June 13
AU
это много очень, если сайт будет находится в интернете
N
Аха
Тогда надо сжать
Тогда надо сжать
AU
можешь нарезать ее спрайтами (бесшовный спрайт, типа как текстура), далее использовать градиент на бэкграунд
AU
это как один из вариантов
AU
или попробовать сжать
И
подскажите почему текст не центрируется в кнопке? https://codepen.io/pen/?editors=1100
HD
.right_block{
}
.button{
width: 150px;
height: 40px;
background-color: #00A4E5;
color: #fff;
font-family: Open Sans;
font-size: 13px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.5px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 20px;
}
}
.button{
width: 150px;
height: 40px;
background-color: #00A4E5;
color: #fff;
font-family: Open Sans;
font-size: 13px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.5px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 20px;
}
И
я думал как без вот этого обойтись padding: 20px )
И
по4ему auto не сработало?
И
спасибо за ответ)
K
Не нужно задавать фиксированный размер кнопке. Текста может быть как много так и одна буква. Только педдинги и минимальную ширину, и высоту если нужно и тогда будет адаптивно и резиново 😁👍
И
ок, спс. по макету размеры определены, стараюсь соблюсти пиксель-пёрфект)
И
получается нужно указать min-width:150; и min-height:40 &
K
Так только паддинги нужны от текста до краев кнопки. Лайн хейт в ноль поставь если нужно.