diff --git a/04-lection2/01-histogram/histogram.css b/04-lection2/01-histogram/histogram.css
index 777a73a..2d76fc2 100644
--- a/04-lection2/01-histogram/histogram.css
+++ b/04-lection2/01-histogram/histogram.css
@@ -5,6 +5,7 @@
border-radius: 8px;
padding: 16px 24px 24px;
flex-direction: column;
+ width: 100%;
}
.histogram__header {
@@ -24,12 +25,14 @@
opacity: 0.8;
line-height: 1.5;
padding-bottom: 6px;
+ color: var(--black);
}
.histogram__value {
font-family: 'Inter', sans-serif;
font-size: 20px;
line-height: 1.3;
+ color: var(--black);
}
.histogram__link {
diff --git a/assets/css/main.css b/assets/css/main.css
index 8b8b897..03e5564 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -13,6 +13,10 @@
@import url('../../components/sidebar/sidebar.css');
@import url('../../components/template-description/template-description.css');
@import url('../../04-lection2/01-histogram/histogram.css');
+@import url('../../05-lection3/01-tooltip/tooltip.css');
+@import url('../../05-lection3/03-calendar/calendar.css');
+@import url('../../05-lection3/02-modal/modal.css');
+@import url('../../06-lection4/01-avatar/avatar.css');
:root {
--white: #ffffff;
diff --git a/components/card/card.css b/components/card/card.css
index 217be1a..6bb1666 100644
--- a/components/card/card.css
+++ b/components/card/card.css
@@ -3,19 +3,22 @@
padding: 30px 25px;
flex-direction: column;
align-items: center;
- width: 350px;
- height: 367px;
background-color: var(--white);
border-radius: 12px;
box-shadow: 0px 2px 4px 0px rgba(33, 36, 41, 0.05);
+ min-width: 350px;
+ min-height: 367px;
+ text-decoration: none;
}
.card__preview {
display: flex;
flex-direction: column;
justify-content: center;
+ align-items: center;
width: 100%;
flex-grow: 1;
+ pointer-events: none;
}
.card__title {
@@ -27,4 +30,5 @@
font-weight: 500;
line-height: normal;
color: var(--black);
+ padding-top: 20px;
}
\ No newline at end of file
diff --git a/components/content/content.css b/components/content/content.css
index a9685ea..901197a 100644
--- a/components/content/content.css
+++ b/components/content/content.css
@@ -5,7 +5,7 @@
height: 100%;
}
-.content__wrapper{
+.content__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
diff --git a/components/header/header.css b/components/header/header.css
index 8cd737d..febe282 100644
--- a/components/header/header.css
+++ b/components/header/header.css
@@ -6,7 +6,7 @@
display: flex;
justify-content: flex-start;
align-items: center;
- margin-top: 40px;
+ margin-top: 96px;
margin-bottom: 77px;
font-size: 3.125rem;
font-weight: 500;
@@ -21,14 +21,6 @@
padding-top: 24px;
}
-@media screen and (max-width: 768px) {
-
- .header__logo {
- padding-top: 16px;
- margin: 0 auto;
- }
-}
-
@media screen and (max-width: 480px) {
.header__title {
@@ -36,4 +28,9 @@
font-weight: 400;
line-height: 1.35;
}
+
+ .header__logo {
+ padding-top: 16px;
+ margin: 0 auto;
+ }
}
\ No newline at end of file
diff --git a/index.html b/index.html
index d55c3e0..0c6287a 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,11 @@
Page
+
+
+
+
+
@@ -20,27 +25,88 @@
+
+
+