1 Commits

Author SHA1 Message Date
d691d57037 fixed attributes 2025-10-31 10:27:11 +10:00
3 changed files with 14 additions and 18 deletions

View File

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

View File

@@ -80,10 +80,10 @@
<div class="main-center"> <div class="main-center">
<div class="center-upper"> <div class="center-upper">
<div class="info-block-image-small"> <div class="info-block-image-small ">
<img src="./images/sqstm32.png" alt="stm32"> <img src="./images/sqstm32.png" alt="stm32">
</div> </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-header align-left">STM 32</span>
<span class="info-block-text ">Chinese STM32 microcontrollers are affordable and compatible with <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 STM32 tools but may face flashing issues due to bootloader differences. Proper connections and

View File

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