- 0
-
Обсуждения
-
Мне нужен такой результат : Не понимаю почему background не применяется вокруг иконок: Сам код: Html: css: Html: <section class="finish"> <div class="container"> <h2 class="finish_header">По окончании обучения Вы сможете!</h2> <div class="finish_divider"></div> <div class="finish_wrapper"> <finish_item> <div class="finish_round"> <img src="/icons/finish/1 (1).png" alt="" class="finish_icon"> </div> <div class="finish_descr">Создать свой сайт или блог</div> </finish_item> <finish_item> <div class="finish_round"> <img src="/icons/finish/2.png" alt="" class="finish_icon"> </div> <div class="finish_descr">Создать свой сайт или блог</div> </finish_item> <finish_item> <div class="finish_round"> <img src="/icons/finish/3.png" alt="" class="finish_icon"> </div> <div class="finish_descr">Обеспечить ему медленный, но верный рост в ТОП</div> </finish_item> <finish_item> <div class="finish_round"> <img src="/icons/finish/4.png" alt="" class="finish_icon"> </div> <div class="finish_descr">Достигнуть стабильного прироста посетителей</div> </finish_item> <finish_item> <div class="finish_round"> <img src="/icons/finish/5.png" alt="" class="finish_icon"> </div> <div class="finish_descr">Достигнуть стабильного прироста посетителей</div> </finish_item> </div> </div> </section> Css: .finish .finish_wrapper { margin-top: 41px; display: flex; justify-content: space-between; } .finish .finish_wrapper .finish_item { width: 204px; } .finish .finish_wrapper .finish_item .finish_round { width: 115px; height: 115px; background-color: #b4e2ff; border-radius: 8px; } .finish_descr { font-family: Roboto; font-size: 17px; line-height: 20px; font-weight: 300; color: #efefef; Спасибо! Уже решил, спасибо! У меня CSS селектор вида:.finish .finish_wrapper .finish_item .finish_roundА должен быть:.finish .finish_wrapper finish_item .finish_roundТ.е. без точки перед finish_item, так как это не класс, а элемент
-
Есть вопрос по макету. (psd) Макет более 80мб. На форуме не выложишь. Где лучче залить файл и выложить ссылку на него? (Гугл диск подойдет?) Может у кого, знающего найдется 10 минут, чтоб ответить на вопрос по верстке?
-
если вы укажите width и height то блоки у вас будут с одним и тем же соотношением сторон с разными flex-direction а flex-bsis изменит соотношение сторон при изменении flex-direction посмотрите примеры тут https://tproger.ru/translations/how-css-flexbox-works/ а еще не всегда требуется указывать height
-
Я понимаю, а смысел в нем (практическое применение)? Если можно указать width или height?
-
flex-bsis указывает размер блока по главной оси: если row, то это ширина если column, то это высота а width и height всегда ширина и высота соответственно
-
Question
Mr_Po
Всем привет, по тихоньку осваиваю JS, прохожу курсы и тут такая задача:
Нужно создать функцию recommendRoom, которая будет подбирать наиболее подходящую комнату для указанного числа гостей adultsCount, childrenCount и babiesCount.
Теперь есть 2 вида комнат
small room до 4 человек
big room до 8 человек
Не забывай о правиле extra bed (подселить младенца). Оно действует и для 4-местных, и для 8-местных номеров.
О валидности данных можешь не беспокоиться, canTheyBook уже всё проверил. Просто верни правильную строку для заданных параметров.
Я написал код, но всё-равно не пойму как пристроить "extra bed", помогите пожалуйста с решением :
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.