Адаптивная верстка 1 страницы (проблема с отображением)
582 UAHАдаптивная верстка 1 страницы (проблема с отображением)
Одна страница html с 3 элементами img, один под другим - колонкой. Требуется вывести все 3 элемента без прокрутки, т.е. растянуть на высоту экрана. На текущий момент код:
<html>
<head>
<meta name='viewport' content='initial-scale=1, viewport-fit=cover'>
<style>
html, body{
background: #ffc42c;
margin: 0px auto;
}
.container{
position: relative;
width: 100%;
min-height: 100%;
min-width: 320px;
max-width: 1200px;
margin: 0px auto;
overflow: auto;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-row-gap: 0em;
}
.container div{
grid-column: 1 / 1;
grid-row-start: 1 / 1;
text-align: center;
align-items: center;
justify-content: center;
}
.container > div > img {
width: 100%;
height: 100%;
text-align: center;
object-fit: contain;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="container">
<div>
<img onclick="window.open('#');return false" src="#1.png" style="margin-top: 0px;"/>
</div>
<div>
<img onclick="window.open('#');return false" src="#2.png" style="margin-top: -20px;" />
</div>
<div>
<img onclick="window.open('#');return false" src="#3.png"/>
</div>
</div>
</body>
<html>
На айфонах некорректно отображается - сильно растягивает и куча лишнего пустого пространства.
Отзыв заказчика о сотрудничестве с фрилансером
Адаптивная верстка 1 страницы (проблема с отображением)Спасибо - выполнил все быстро и в срок
Профиль удален | Сейф
Отзыв фрилансера о сотрудничестве с заказчиком
Адаптивная верстка 1 страницы (проблема с отображением)Легкое и понятное ТЗ, очень приятно было поработать с заказчиком.
Буду рад дальнейшему сотрудничеству!
Профиль удален | Сейф
Актуальные фриланс-проекты в категории HTML и CSS верстка
Исправить верстку согласно Figma на 2 страницах на WP+Elementor PRO
1000 UAH
У меня есть 2 готовые страницы, сверстаны на WordPress+Elementor PRO. Верстка в некоторых местах выполнена не качественно, необходимо четко следуя дизайну в Figma исправить верстку на этих страницах. Срок выполнения до 29.03.2024!!! Прошу обращаться только профессионалов с… HTML и CSS верстка, Дизайн сайтов ∙ 5 ставок |
Верстка сайта по макету
20 000 UAH
Добрый день. Есть макет в фигме: https://www.figma.com/file/RGVIymprYc4QaiJ5qp3iwL/LayerGame?type=design&node-id=0-1&mode=design Есть ui kit и готовая верстка страницы Main, выполненная на React, анимации реализованы с помощью GSAP. Необходимо сверстать на этом стеке еще 2… HTML и CSS верстка, Javascript ∙ 32 ставки |
Правки существующего сайта Wordpress (Elementor)Добрый день! Нужен специалист, который будет вносить правки на наш существующий сайт, работающий на базе Wordpress и плагина Elementor. На данный момент необходимо создать 10 новых страниц по типу https://houseofattractions.club/muzeum-zywych-motyli/ . Также установлен плагин,… HTML и CSS верстка, Сопровождение сайтов ∙ 17 ставок |
Верстка 2блока в WP
785 UAH
Сверстать 2 блока в WordPress (Wp Backary) как в дизайне Фигма 1) http://prntscr.com/_B_zPE2tKpKk + адаптив (страница RentCar) https://opage.one/demo/gq/rent-car/ 2) Как в дизайне http://prntscr.com/25BbYGRvk34y в http://prntscr.com/8J5xuSq23sZb Фигма… HTML и CSS верстка ∙ 8 ставок |
Ищу программиста WordPress и Okay CMS (Full Stack)Всем привет! Нужен программист платформ WordPress и Okay CMS с целью внесения доработок и улучшений на сайтах. В основном это интернет-магазины, landing page, внедрение тегов от Google Ads. Важно то, чтобы это сотрудничество не имело единственной цели как зарабатывание денег,… HTML и CSS верстка, Интернет-магазины и электронная коммерция ∙ 6 ставок |