Skip to content

Commit 3a4d899

Browse files
Fix
1 parent d6b8511 commit 3a4d899

File tree

1 file changed

+36
-7
lines changed

1 file changed

+36
-7
lines changed

index.css

Lines changed: 36 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,10 @@
11
/* CSS library from GitHub */
22
/* link to the ropository: https://github.com/Dominik-developer/css_library */
3-
/*
4-
@import url(header.css);
5-
@import url(main.css);
6-
@import url(nav.css);
7-
@import url(footer.css);
3+
84

95
@import url(links.css);
106
@import url(center.css);
11-
*/
7+
128
/* Some features have just been introduced and may not work or cause problems. Any problems or bugs should be reported as soon as possible so that they can be fixed. You can report them by opening a new issue in the library repository. Link to the ropository: https://github.com/Dominik-developer/css_library */
139

1410
body {
@@ -26,7 +22,12 @@ body {
2622
color: #333;
2723
cursor: default;
2824
display: block;
29-
overflow: hidden;
25+
/*overflow: hidden;*/
26+
27+
overflow-y: auto;
28+
overflow-x: hidden;
29+
30+
3031
}
3132

3233
/* test */
@@ -45,6 +46,15 @@ header {
4546

4647

4748
/* responsiveness */
49+
50+
/* screens wider than 1200px */
51+
@media (min-width: 1201px) {
52+
header {
53+
width: 80vw;
54+
margin: 0 auto;
55+
padding: 20px;
56+
}
57+
}
4858

4959
/* scrrens up to 1200px :laptops */
5060
@media (max-width: 1200px) {
@@ -86,6 +96,16 @@ header {
8696

8797
/* responsiveness */
8898

99+
100+
/* screens wider than 1200px */
101+
@media (min-width: 1201px) {
102+
main {
103+
width: 80vw;
104+
margin: 0 auto;
105+
padding: 20px;
106+
}
107+
}
108+
89109
/* screens width up to 1200px :laptops */
90110
@media (max-width: 1200px) {
91111
main {
@@ -125,6 +145,15 @@ header {
125145

126146
/* responsiveness */
127147

148+
/* screens wider than 1200px */
149+
@media (min-width: 1201px) {
150+
footer {
151+
width: 80vw;
152+
margin: 0 auto;
153+
padding: 20px;
154+
}
155+
}
156+
128157
/* screens width up to 1200px :laptops */
129158
@media (max-width: 1200px) {
130159
footer {

0 commit comments

Comments
 (0)