Задать вопрос
@Afafks123132132165
css

Как сделать адативность?

Делал адаптивность по уроку в ютуб.Но элементы не растягиваются на всю страницу.
html код:
<!DOCTYPE html>
<html>
<head>
  <title>Site</title>
  <link rel="stylesheet" type="text/css" href="style.css"></link>
</head>
<body>
  <div id = 'wrapper'>
  	<div id = "main">!</div>
  	<div id = "sidebar">!</div>
  </div>
</body>
</html>

css код:
html,body{
	padding: 0;
	margin: 0;
	color: white;
}

#wrapper{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

#main{
	width: 63.63636363636364%;
	float: left;
	background-color: #FFA500;
}

#sidebar{
	width: 36.36363636363636%;
	float: right;
	background-color: #1D2432;
}

jsfiddle: https://jsfiddle.net/Afafks/xz4jd9ft/
  • Вопрос задан
  • 88 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
У тебя все работает, но твой урок по ютубу опоздал лет на 5.

К слову, это называется резина, а не адаптив.
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ответы на вопрос 2
@drawnofmymind
media queries - https://developer.mozilla.org/ru/docs/Web/CSS/Medi...
Ответ написан
Комментировать
Комментировать
@nturm32
Это резина, не адаптивный сайт. В адаптивном надо использовать media queries.

На всю ширину ваш вариант не растягивается, потому что стоит ограничение на ширину max-width: 1100px;
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 140 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Frontend разработчик
Базис-Центр • Коломна
от 30 000 до 70 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать проект WPF C#
18 мая 2024, в 00:06
2000 руб./за проект
Разработать логотипа для ресторана в Москве
18 мая 2024, в 00:03
10000 руб./за проект
Предложить и рассчитать фильтр переключателя аудио
17 мая 2024, в 23:44
1000 руб./за проект
Ещё заказы