Added feature divs

Used to present some facts and info
This commit is contained in:
2025-03-10 14:06:56 +01:00
parent 6fb42278cf
commit 17ec9b93f5
2 changed files with 80 additions and 0 deletions

View File

@@ -145,4 +145,46 @@ h1,h2,h3,h4,h5,p{
#presentation_img{
margin-left: auto;
margin-top: 20px;
}
.feature_div{
border: 4px dotted red;
width: 75%;
margin: auto;
margin-top: 30px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
gap: 6%;
}
.feature_img_div{
width: 40%;
flex: 1;
min-width: 300px;
}
.feature_img_div img{
height: 100%;
width: 100%;
}
.feature_text_div{
width: 40%;
flex: 1;
min-width: 300px;
}
.feature_text_div h2{
margin-bottom: 5px;
}
.feature_text_div article p{
margin-top: 20px;
}
.feature_button{
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom: 5px;
background-color: aqua;
border: none;
border-radius: 6px;
font-size: 1.3em;
}