Новые ответы с меткой вёрстка
1
голос
как можно сделать верстку блока со стрелками
Один из методов создать что-то подобное — расположить каждый элемент абсолютно относительно родительского элемента (position: absolute). И для каждого элемента вы разместите эти числа (01, 02, 03...), ...
0
голосов
Принятый
Плавное увеличение картинки при наведении, с текстом сверху и затемненным фоном
Можно сделать вот так:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Arial, sans-serif; /* Альтернативы Roboto */
}
.item {
border-radius: 5px;
position: ...
1
голос
Принятый
Картинка заслоняет уголки у блока
для уголков лучше сделать маленькие блоки и задать им бордер по нужным сторонам, все это выровнять и лучше задавать размеры в процентах или вьюпортах. Я так накидал, для наглядности.
body {
...
1
голос
Некорректно работает свойство height:100% для дочерних элементов
Вам нужно указать высоту для родительского элемента .section div2And3Parent. Один из способов сделать это - сделать его растягивающимся по высоте, используя flexbox:
.section.div2And3Parent {
flex: ...
0
голосов
Карточки слайдера slick
картинкам можно задать ширину в таких единицах измерения как (vmin) и при этом aspect-ratio: 9/16 - например,
а текст (поиграть с calc()):
font-size: calc(.5em + 2vw)
в таком роде подбирать…
1
голос
Принятый
Некорректно работает свойство height:100% для дочерних элементов
Скажем так: во первых сложно работать с размерами, когда у вас у совершенно разных блоков один класс section
<div class="main-wrapper">
<div class="section"> <&...
1
голос
Некорректно работает свойство height:100% для дочерних элементов
Вы же сами добавили диву stretch overflow:auto. Вот он и дает тот второй скролл. Нужно убирать)
.stretch {
background: #f9f9f9;
height: 100%;
max-height:100%;
margin: 5px;
overflow:auto; &...
50 лучших ответов включены
Связанные метки
вёрстка × 3640css × 2694
html × 2427
javascript × 568
css3 × 385
html5 × 278
адаптивная-верстка × 276
svg × 229
jquery × 218
bootstrap × 188
веб-программирование × 170
flexbox × 129
frontend × 87
wordpress × 72
php × 67
css-animation × 53
анимация × 39
sass × 36
android × 34
шрифты × 32
scss × 32
svg-animation × 32
internet-explorer × 31
веб-дизайн × 29
css-grid × 26