OkunElya/uni-web-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed attributes

Browse Source
This commit is contained in:
OkunElya
2025-10-31 10:27:11 +10:00
parent 0b2a468083
commit d691d57037
3 changed files with 14 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
index.css
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{

4
index.html
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

15
labs/lab3/lab3.css
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 */