Adaptive page design
К описанию задания есть архив
в нем готовая структура реализующая адаптивность без медиа запросов
и обеспечивающая одинаковый размер шрифта на всех устройствах
там же подробные комментарии.
В файле pdf есть дизайн и описание к нему
Собственно задача
Вписать дизайн в готовую структуру
или если это удобнее, то написать свою структуру и вставить дизайн
Дополнительные пояснения к дизайну
в файле pdf
на первой странице общий вид страницы
страница состоит из 3 частей 1, 2, 3
1- левая
2- центр
3- правая
1 часть состоит из блочных элементов - ссылок
описана и нарисована на 4 странице описания
для разворачивания вкладок, вероятно понадобится JS,
но есть способ лучше
css реакция на клик - https://myrusakov.ru/css-click.html
2 часть состоит из 2 или 3 блочных элементов - статей
каждая статья состоит из заголовка, номера и блоков
подробнее о блоках на 2 странице описания про номер на 3
на второй странице показаны варианты блоков.
- только тест,
- рисунок и поверх него текст,
- только рисунок
- рисунок и под ним тест
все варианты нужно показать в статье
Важно!
на первой странице - общий вид, показана только одна статья
остальные будут видны при горизонтальной прокрутке
если нужно, я отправлю возможны вариант верстки этого элемента
3 часть состоит из блочных элементов - сообщений
эскиз на 5 странице
Важно!
нужна только вёрстка, в идеале HTML+CSS
Сейчас это выглядит так
http://sp.help8.ru
Applications 2
Work results
Client's review of cooperation with freelancer
Adaptive page designThe work is done quickly and quality. Most performers gave up the work because they couldn’t (not knew how) make an adaptive design without media requests. Stephanie successfully solved this task. He read the task carefully, quickly and qualitatively removes comments.
![]()
Freelancer's review of cooperation with client
Adaptive page designA great customer, always sends the tickets in time. Adjustly evaluates the deadlines for submission of the project, always ready to cooperate and responds almost instantly.
![]()
-
30 Hello to you. Ready to do this work. I adapt very well to the flexes. Write to ls or to mail [email protected]
-
137 Working with HTML5, CSS3
Ready to do the work with all wishes.
Portfolio is in the profile.
I will be happy to cooperate
-
198 2 0 Go to turn.
Great experience of web development, web design, adaptive layer, copywriting, SEO.
The Gulp, Git
JS and jQuery,
CSS, SCSS, SASS, LESS and Bootstrap
HTML and PUG
Contact with me:
Posts by: @holyweb
… Skype by vadim_kohan
Email: [email protected]
My portfolio is:Freelancehunt
-
Как адаптировать без медиа запросов ?
-
Предоставьте пример адаптива без медиа запросов.
-

Здравствуйте, Мурат.
Думала, что можно сделать такое через flex-direction: row-reverse и flex-wrap: wrap, но нет, ни в какой конфигурации не получается. Медиа-запросы всё равно нужны, хотя бы пара строчек. Чтобы а) правильно переносились блоки и б) чтобы блоки меняли свой размер. -
Current freelance projects in the category HTML & CSS
Webflow developer for filling portfolio pages on the websiteA website custom-built on Webflow for a construction company needs to quickly fill project pages using one template (replace images and texts) For 2 languages Quantity - 6 pieces Ready to start asap, thank you! HTML & CSS, Web Programming ∙ 8 hours 47 minutes back ∙ 25 proposals |
Layout and setup of a WordPress site for a construction company (Premium segment) with a focus on SEOProject Description: We are looking for an experienced WordPress developer to implement and deploy a ready design layout from Figma onto the WordPress CMS. Important Project Context: This is not a website development from scratch. The company has an existing website, and we are… HTML & CSS, Web Programming ∙ 13 hours 29 minutes back ∙ 48 proposals |
Moved the website from OpenCart to the Khoroshop platformHello. There is a website on OpenCart, an online store. It is necessary to transfer the structure of the site to the GoodShop platform, select a design for the new site, and make it fully functional. HTML & CSS, Web Programming ∙ 1 day 10 hours back ∙ 29 proposals |
Need a strong WordPress / WooCommerce specialist for the refinement of the MARSPRO website.We are looking for a responsible freelancer or a small team for the quality completion and technical refinement of the MARSPRO company website. The website is already operational, but there are many minor and significant technical issues left by the previous developer. We need a… Content Management Systems, HTML & CSS ∙ 2 days 10 hours back ∙ 44 proposals |
Sandra Ice Cream - Kaleidoscop
92 USD
We have a small project, and we would like to know if you can prepare a video for us for an LED screen. The video will be used at our event. We will provide all necessary materials: design, brand book, dimensions, and technical requirements. Please let us know if you are… HTML & CSS ∙ 2 days 12 hours back ∙ 7 proposals |