Commit 0b4ee396 authored by alinadk's avatar alinadk
Browse files

добавлена адаптивность

parent ab49f40a
......@@ -20,6 +20,7 @@
}
body, html {
font-size: 18px;
background: white;
font-family: Roboto, sans-serif;
color: #212121;
......@@ -251,13 +252,11 @@ p.header-2__time-1, p.header-2__time-2 {
line-height: 1.5;
font-family: Roboto-Light, sans-serif;
font-weight: lighter;
font-size: 20px;
text-align: left;
}
.about-forum__text-bold {
line-height: 1.5;
font-family: Roboto-Light, sans-serif;
font-size: 20px;
text-align: left;
font-weight: bold;
color: black;
......@@ -698,7 +697,6 @@ td {
}
.culture-place__text {
display: table-cell;
align-items: middle;
text-align: left;
}
.culture-row {
......@@ -707,17 +705,9 @@ td {
.culture-text-padding {
padding-left: 30px;
}
.culture-place-1 {
background: url("../img/culture-place-1.jpg") no-repeat top center;
background-size: auto 100%;
padding-bottom: 35%;
display: block;
}
.culture-place-2 {
background: url("../img/culture-place-2.jpg") no-repeat top center;
padding-bottom: 35%;
background-size: auto 100%;
.culture-place-1, .culture-place-2 {
display: block;
width: 100%;
}
.culture-place__name {
......
......@@ -66,17 +66,80 @@
p.header-2__time-2 {
font-size: 20px !important;
}
.experts__row:first-child {
flex: 1 1 20%;
}
}
@media (max-width: 992px) {
.body {
font-size: 16px;
}
.experts__container {
width: 40% !important;
padding-top: 20px;
}
.culture-place-1, .culture-place-2 {
padding-bottom: 20px;
}
.culture-row__2 {
flex-direction: row-reverse;
}
.about__forum {
padding-top: 60px;
}
.main__name {
font-size: 30px;
}
.sheme {
padding-top: 60px;
}
.results {
padding-top: 20px;
}
.hostels__title {
margin-bottom: 60px;
}
.partners__title {
margin-bottom: 60px;
}
}
@media (max-width: 1100px) {
.experts__row:first-child {
flex: 1 1 20%;
@media (max-width: 768px) {
.facts {
height: 100vh;
}
.facts__text-main {
font-size: 24px;
}
.facts__text {
margin-bottom: 40px;
}
.container__to-fluid {
padding-left: 30px;
padding-right: 30px;
margin: 0 !important;
max-width: 100% !important;
}
}
@media (max-width: 576px) {
.main__name {
font-size: 24px;
}
.food__table td {
font-size: 14px;
padding: 10px !important;
}
th {
font-size: 16px;
padding: 10px !important;
}
.container__food {
padding: 0;
}
.experts__container {
width: 60% !important;
padding-top: 10px;
}
}
......@@ -123,8 +123,8 @@
</div>
</div>
</div>
<div class="container about__forum" id='about'>
<div class="container about-forum__name">
<div class="container container__to-fluid about__forum" id='about'>
<div class="container about-forum__name main__name">
<span>О ФОРУМЕ</span>
</div>
<div class="row justify-content-center">
......@@ -243,7 +243,7 @@
</div>
</div>
<div class="container data-time__name" id="programm">
<span class="data-time__name-1 name__chapter">
<span class="data-time__name-1 name__chapter main__name">
ПРОГРАММА ФОРУМА
</span>
<br>
......@@ -1233,10 +1233,10 @@
</div>
</div>
</div>
<div class="container sheme name__chapter">
<div class="container container__to-fluid sheme name__chapter">
<div class="row justify-content-center">
<div class="col-xl-12 col-lg-12 col-md-12">
<span>
<span class='main__name'>
Схема Форума «Университетская библиотека #следуйзанами»
</span>
</div>
......@@ -1248,8 +1248,8 @@
</div>
</div>
<div class="experts" id="experts__container">
<div class="container">
<span class="experts__title">
<div class="container container__to-fluid">
<span class="experts__title main__name">
ЭКСПЕРТЫ
</span>
<div class="experts__row justify-content-center">
......@@ -1545,11 +1545,11 @@
</div>
</div>
<div class="container-fluid results__name name__chapter" id='results'>
<span>
<span class="main__name">
ИТОГИ ФОРУМА
</span>
</div>
<div class="container results name__chapter">
<div class="container container__to-fluid results name__chapter">
<div class="row justify-content-center">
<div class="col-xl-12 col-lg-12 col-md-12">
<span class="results__text-normal">В Томске завершил работу Форум </span>
......@@ -1636,7 +1636,7 @@
</div>
</div>
<div class="container-fluid materials__name name__chapter">
<span>
<span class="main__name">
МАТЕРИАЛЫ ФОРУМА
</span>
</div>
......@@ -1733,16 +1733,16 @@
</div>
<div class="container-fluid hostels name__chapter" id='services'>
<div class="container hostels__title">
<span>
<span class="main__name">
Гостиницы Томска
</span>
</div>
<div class="container">
<div class="container container__to-fluid ">
<div class="row justify-content-center hostels__information">
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
<table class="grid">
<tr>
<td>
<td class="d-none d-sm-block">
<img class="hostels__img" src="../img/hotel.png">
</td>
<td>
......@@ -1767,7 +1767,7 @@
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
<table class="grid">
<tr>
<td>
<td class="d-none d-sm-block">
<img class="hostels__img" src="../img/hotel.png">
</td>
<td>
......@@ -1794,7 +1794,7 @@
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
<table class="grid">
<tr>
<td>
<td class="d-none d-sm-block">
<img class="hostels__img" src="../img/hotel.png">
</td>
<td>
......@@ -1819,7 +1819,7 @@
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
<table class="grid">
<tr>
<td>
<td class="d-none d-sm-block">
<img class="hostels__img" src="../img/hotel.png">
</td>
<td>
......@@ -1846,7 +1846,7 @@
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
<table class="grid">
<tr>
<td>
<td class="d-none d-sm-block">
<img class="hostels__img" src="../img/hotel.png">
</td>
<td>
......@@ -1871,7 +1871,7 @@
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
<table class="grid">
<tr>
<td>
<td class="d-none d-sm-block">
<img class="hostels__img" src="../img/hotel.png">
</td>
<td>
......@@ -1915,13 +1915,13 @@
</div>
</div>
</div>
<div class="container-fluid food name__chapter">
<div class="container-fluid food name__chapter">
<div class="container food__title">
<span>
<span class="main__name">
Точки питания
</span>
</div>
<div class="container">
<div class="container container__to-fluid container__food">
<div class="row justify-content-center">
<div class="col-xl-12 col-lg-12 col-md-12">
<table class="grid food__table">
......@@ -2076,15 +2076,15 @@
</div>
</div>
<div class="container culture-place name__chapter">
<div class="container culture-place name__chapter">
<div class="container culture-place__title">
<span>
<span class="main__name">
Культурные места
</span>
</div>
<div class="row justify-content-center culture-row">
<div class="col-lg-7 col-xl-7 col-md-7 culture-place-1"></div>
<div class="container col-lg-5 col-xl-5 col-md-5 culture-place__text culture-text-padding">
<div class="row justify-content-between culture-row">
<img class="col-xl-6 col-lg-6 col-md-12 culture-place-1" src="../img/culture-place-1.jpg"></img>
<div class="col-xl-6 col-lg-6 col-md-12 culture-place__text culture-text-padding">
<div class="culture-place__name">
Достопримечательности
</div>
......@@ -2106,8 +2106,27 @@
</div>
</div>
<div class="container culture-place__separate"></div>
<div class="row justify-content-center culture__row">
<div class="col-lg-5 col-xl-5 col-md-5 container culture-place__text">
<div class="row justify-content-between culture-row culture-row__2">
<div class=" d-none d-lg-block col-xl-6 col-lg-6 col-md-12 culture-place__text culture-text-padding">
<div class="culture-place__name">
Мероприятия
</div>
<br>
<span class="culture-place__plane-text">
Куда сходить в Томске: расписания концертов, выставок, спектаклей и других мероприятий.
Что посмотреть: киноафиша, рейтинги, трейлеры и рецензии к фильмам.
</span>
<br>
<a href="https://www.afisha.ru/tomsk/" class="hostels__more-place" target="blank">
<div class="btn culture-place__more-place__button">
<span>
Афиша мероприятий
</span>
</div>
</a>
</div>
<img class="col-xl-6 col-lg-6 col-md-12 culture-place-1" src="../img/culture-place-2.jpg"></img>
<div class="d-block d-lg-none col-xl-6 col-lg-6 col-md-12 culture-place__text culture-text-padding">
<div class="culture-place__name">
Мероприятия
</div>
......@@ -2125,7 +2144,6 @@
</div>
</a>
</div>
<div class="col-lg-7 col-xl-7 col-md-7 culture-place-2"></div>
</div>
<div class="row justify-content-center">
<div class="col-xl-6 col-lg-6">
......@@ -2134,9 +2152,9 @@
</div>
</div>
<div class="container partners name__chapter">
<div class="container container__to-fluid partners name__chapter">
<div class="container partners__title">
<span> Партнеры </span>
<span class="main__name"> Партнеры </span>
</div>
<div class="row justify-content-center partners__content-1">
<div class="partners__content_p ">
......@@ -2211,7 +2229,7 @@
<div class="container-fluid contacts" id='contacts'>
<div class="row justify-content-center">
<div class="col-xl-3 col-lg-5 col-md-6 contacts__text">
<div class="col-xl-5 col-lg-6 col-md-6 contacts__text">
<div class="container contacts__title">
<span> Контакты </span>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment