Resolve two tasks. Decide today!
9 USDЕсть два задания, которые подразделяются на задачки.
Решить нужно до 20.00, плюс - минус.
1.Позиционирования блоков.
Задание 1
Есть два контейнера, в которых элементам задано свойство float. Из-за этого происходит выпадение этих элементов из родителя. Вы должны решить эту проблему. Для первого контейнера необходимо использовать clearfix (любая его вариация), для второго – любое другое решение.- Задание 2
Есть родительский блок и два дочерних. Задача: синий блок расположить в правом верхнем углу зеленого блока. Желтый блок разместить в правом нижнем углу, так, чтобы желтый элемент выходил за пределы зеленого блока на 30 пикселей по горизонтали и 30 по вертикали. И, наконец, сместить зеленый блок вправо на 40 пикселей. - Задание 3
Есть два блока внутри родителя. Задача: используя свойство float, сделать так, чтобы первый дочерний блок был в ширину 250 пикселей, а другой занимал все оставшееся место, вне зависимости от ширины окна (для проверки нужно сжать окно браузера). Попутно решить проблему с вытеканием любым удобным способом.
2.CSS селекторы
Описание задания:
- Создать и подключить к файлу index.html файл homework.css, в котором нужно будет написать правила для решения всех задач. Задачи следует решать только при помощи css, менять html-разметку заданий нельзя. Наилучшим вариантом решения будет использование формул, а не перечисление нужных блоков (задайте себе вопрос: будет ли верно решена задача, если впоследствии понадобится убрать или добавить несколько блоков?)
- Написать css-правила для стилизации календаря таким образом, чтобы выходные дни(только числа) имели красный фон.
- Написать css-правила для блока 2 задания
div class="task2"
таким образом, чтобы видимыми были только 8 первых блоков. - Cделать стилизацию списка внутри
div class=”task3”
таким образом, чтобы четные маркеры были значками @, а нечетные – звездочками (любыми на ваш вкус), а также, чтобы отступы20px
были только между пунктами списка, сверху и снизу списка лишних отступов быть не должно.
Дополнительное задание - не делать!
Это задание повышенной сложности, не обязательно к выполнению
Написать css-правила таким образом, чтобы внутри блока div class=”extra-task”
выполнялись условия:
если в меню 4 пункта, между ними был бы отступ в30px
,а если 5 и более – то отступ10px
.
Applications 2
Client's feedback on cooperation with freelancer
Resolve two tasks. Decide today!Everything is great!
Pleased with the result and approach.
Thank you, I’ll contact you, I’ll continue.
Profile deleted | Safe
Freelancer's feedback on cooperation with client
Resolve two tasks. Decide today!Thank you Max for your cooperation.
The task is clear, the payment was paid in time.
I recommend !
Profile deleted | Safe
Current freelance projects in the category HTML and CSS
Fix the layout according to Figma on 2 pages on WP+Elementor PRO
25 USD
I have 2 ready-made pages designed on WordPress+Elementor PRO. The layout in some places is not done qualitatively, it is necessary to correct the layout on these pages clearly following the design in Figma. Deadline for completion is 29.03.2024!!! Please contact only… HTML and CSS, Web design ∙ 6 proposals |
Website layout according to the design.
510 USD
Good day. There is a layout in Figma: https://www.figma.com/file/RGVIymprYc4QaiJ5qp3iwL/LayerGame?type=design&node-id=0-1&mode=design There is a UI kit and a ready-made layout of the Main page, implemented in React, animations are done using GSAP. It is necessary to layout 2… HTML and CSS, JavaScript ∙ 32 proposals |
Editing of an existing Wordpress website (Elementor)Good day! We need a specialist who will make edits to our existing website, which is based on Wordpress and Elementor plugin. At the moment, it is necessary to create 10 new pages similar to https://houseofattractions.club/muzeum-zywych-motyli/. There is also a plugin installed… HTML and CSS, Website maintenance ∙ 18 proposals |
Layout of 2 blocks in WP
20 USD
Create 2 blocks in WordPress (Wp Backary) as in the Figma design 1) http://prntscr.com/_B_zPE2tKpKk + responsive (RentCar page) https://opage.one/demo/gq/rent-car/ 2) As in the design http://prntscr.com/25BbYGRvk34y in http://prntscr.com/8J5xuSq23sZb Figma… HTML and CSS ∙ 8 proposals |
I am looking for a WordPress and Okay CMS (Full Stack) programmerHello everyone! I need a programmer for WordPress and Okay CMS platforms to make improvements and enhancements on websites. Mainly these are online stores, landing pages, and implementing Google Ads tags. It is important that this collaboration does not have the sole purpose of… HTML and CSS, Online stores and e-commerce ∙ 6 proposals |