fixed attributes
This commit is contained in:
13
index.css
13
index.css
@@ -39,6 +39,9 @@
|
||||
|
||||
|
||||
/* 4 images part */
|
||||
.images-container *{
|
||||
border:solid thin black;
|
||||
}
|
||||
.images-container {
|
||||
width: 90%;
|
||||
height: 200pt;
|
||||
@@ -75,6 +78,7 @@
|
||||
/* text-align: center; */
|
||||
}
|
||||
|
||||
|
||||
.images-container img{
|
||||
width:100%
|
||||
}
|
||||
@@ -97,6 +101,10 @@
|
||||
display: inline-block;
|
||||
|
||||
}
|
||||
|
||||
.img-margin-fix {
|
||||
margin-right:10px;
|
||||
}
|
||||
.info-block{
|
||||
height:10%;
|
||||
padding: 5%;
|
||||
@@ -160,7 +168,7 @@
|
||||
.info-block-image-small{
|
||||
display: inline-block;
|
||||
width: 20%;
|
||||
height: 100px;
|
||||
height: 100%;
|
||||
background-color:black ;
|
||||
overflow: hidden;
|
||||
vertical-align: top;
|
||||
@@ -179,7 +187,8 @@
|
||||
|
||||
}
|
||||
.info-block-wide-text-container{
|
||||
width: 77%;
|
||||
width: 75%;
|
||||
margin: 0 1%;
|
||||
}
|
||||
|
||||
.link{
|
||||
|
||||
@@ -80,10 +80,10 @@
|
||||
|
||||
<div class="main-center">
|
||||
<div class="center-upper">
|
||||
<div class="info-block-image-small">
|
||||
<div class="info-block-image-small ">
|
||||
<img src="./images/sqstm32.png" alt="stm32">
|
||||
</div>
|
||||
<div class="inline info-block-wide-text-container">
|
||||
<div class="inline info-block-wide-text-container ">
|
||||
<span class="info-block-header align-left">STM 32</span>
|
||||
<span class="info-block-text ">Chinese STM32 microcontrollers are affordable and compatible with
|
||||
STM32 tools but may face flashing issues due to bootloader differences. Proper connections and
|
||||
|
||||
@@ -3,17 +3,9 @@ h3{
|
||||
margin: 1vh;
|
||||
}
|
||||
|
||||
a{
|
||||
/* display: inline-flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
background-color: gray;
|
||||
width: 10%; это grid!!!*/
|
||||
}
|
||||
|
||||
.content{
|
||||
background-color: lightgreen;
|
||||
display: inline-flex;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
padding:10px;
|
||||
@@ -38,13 +30,8 @@ a{
|
||||
}
|
||||
@media (max-width:800px) {
|
||||
.content{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.topic{
|
||||
width: calc(100%-20px);
|
||||
/* width:50%; */
|
||||
}
|
||||
}
|
||||
|
||||
/* grid part */
|
||||
|
||||
Reference in New Issue
Block a user