diff --git a/README.md b/README.md index 237ef79..987748a 100644 --- a/README.md +++ b/README.md @@ -1 +1,2 @@ # lab2 +add background color and mobile version of site diff --git a/lab3.css b/lab3.css index 1c3bd0d..9b0fb65 100644 --- a/lab3.css +++ b/lab3.css @@ -15,6 +15,33 @@ right: 0; } +#two{ + background-color: pink; +} +#seven{ + background-color: aqua; +} +#one{ + background-color: orangered; +} +#three{ + background-color: orange; +} +#four{ + background-color: yellow; +} +#five{ + background-color: limegreen; +} +#six{ + background-color: skyblue; +} +#eight{ + background-color: blue; +} +#nine{ + background-color: violet; +} /* #content{ display: flex; @@ -39,36 +66,85 @@ float: left; align-self: center; } */ +p{ + margin:0px; +} #one, #two, #three, #four, #five,#six,#seven,#eight,#nine{ border: 3px solid black; } +img{ + height: 140px; + width: 150px; + margin: auto; +} body{ margin:0; } #one, #eight, #nine{ margin: auto; + + +} +#one{ + font-size: 22px; +} +#eight, #nine{ + font-size: 18px; } - #one, #eight, #nine{ - width: 700px; + min-width: 700px; + max-width: 700px; height: 150px; } #three, #four{ + /* position: fixed; */ min-width: 244px; + max-width: 244px; height: 70px; + left: 0; } #five{ min-width: 294px; + max-width: 294px; height: 146px; } #six{ min-width: 150px; + max-width: 150px; + display: flex; + +} +#six p{ + display: flex; } .flex-one{ display: flex; flex-wrap: nowrap; justify-content: center; + /* width: 700px; */ + left: 1000px; +} + +@media only screen and (max-width:715px){ + body *{ + display: flex; + flex-direction: column; + margin: auto; + flex-grow: 1; + + } + + #row1 div,#one, #two, #three, #four, #five,#six,#seven,#eight,#nine{ + min-width: 100%; + max-width: 100%; + width: 100%; + height: auto; + font-size: 16px; + } + #two, #seven{ + visibility: hidden; + } } diff --git a/lab3.html b/lab3.html index dcaf252..7fb4c79 100644 --- a/lab3.html +++ b/lab3.html @@ -3,26 +3,42 @@
Профессия Певец
+Дата рождения 31 июля 1973
+Рост и вес 175 см и 74 кг
+ +