Compare commits
1 Commits
hw3
...
d691d57037
| Author | SHA1 | Date | |
|---|---|---|---|
| d691d57037 |
13
index.css
13
index.css
@@ -39,6 +39,9 @@
|
|||||||
|
|
||||||
|
|
||||||
/* 4 images part */
|
/* 4 images part */
|
||||||
|
.images-container *{
|
||||||
|
border:solid thin black;
|
||||||
|
}
|
||||||
.images-container {
|
.images-container {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
height: 200pt;
|
height: 200pt;
|
||||||
@@ -75,6 +78,7 @@
|
|||||||
/* text-align: center; */
|
/* text-align: center; */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.images-container img{
|
.images-container img{
|
||||||
width:100%
|
width:100%
|
||||||
}
|
}
|
||||||
@@ -97,6 +101,10 @@
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.img-margin-fix {
|
||||||
|
margin-right:10px;
|
||||||
|
}
|
||||||
.info-block{
|
.info-block{
|
||||||
height:10%;
|
height:10%;
|
||||||
padding: 5%;
|
padding: 5%;
|
||||||
@@ -160,7 +168,7 @@
|
|||||||
.info-block-image-small{
|
.info-block-image-small{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 20%;
|
width: 20%;
|
||||||
height: 100px;
|
height: 100%;
|
||||||
background-color:black ;
|
background-color:black ;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
@@ -179,7 +187,8 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
.info-block-wide-text-container{
|
.info-block-wide-text-container{
|
||||||
width: 77%;
|
width: 75%;
|
||||||
|
margin: 0 1%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.link{
|
.link{
|
||||||
|
|||||||
@@ -3,17 +3,9 @@ h3{
|
|||||||
margin: 1vh;
|
margin: 1vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
a{
|
|
||||||
/* display: inline-flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
background-color: gray;
|
|
||||||
width: 10%; это grid!!!*/
|
|
||||||
}
|
|
||||||
|
|
||||||
.content{
|
.content{
|
||||||
background-color: lightgreen;
|
background-color: lightgreen;
|
||||||
display: inline-flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
padding:10px;
|
padding:10px;
|
||||||
@@ -38,13 +30,8 @@ a{
|
|||||||
}
|
}
|
||||||
@media (max-width:800px) {
|
@media (max-width:800px) {
|
||||||
.content{
|
.content{
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.topic{
|
|
||||||
width: calc(100%-20px);
|
|
||||||
/* width:50%; */
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* grid part */
|
/* grid part */
|
||||||
|
|||||||
Reference in New Issue
Block a user