fixed attributes

This commit is contained in:
2025-10-31 10:27:11 +10:00
parent 0b2a468083
commit d691d57037
3 changed files with 14 additions and 18 deletions

View File

@@ -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{

View File

@@ -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

View File

@@ -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 */