fix the CSS styling when resizing the window

This commit is contained in:
root 2025-02-19 08:33:21 +01:00
parent 35e1b130a8
commit 77faa0971f
4 changed files with 36 additions and 10 deletions

View file

@ -9,6 +9,15 @@
font-family: 'Source Code Pro', monospace;
}
.width-class{
width: 100%;
object-fit: contain;
}
.projectbanner{
max-width: 100%;
}
.banner{
width: 260px;
@ -30,6 +39,8 @@
color: #fc6e02;
}
.imgRz{
width: 100%;
height: 50%;
@ -137,7 +148,7 @@ body{
width: 100%
}
.column-container{
.column-contaianer{
width: 100%;
height: 100vh;
display: flex;
@ -207,7 +218,17 @@ h1,h2,h3,p,td{
}
.description{
max-width: 500px;
max-width: 100%;
min-width: 50px;
}
.category{
max-width: 80px;
word-wrap: break-word;
}
.linktitle{
max-width: 150px;
word-wrap: break-word;
}
h3,h2{
@ -222,6 +243,7 @@ border: 3px solid #2f1c44;
padding-bottom: 10px;
}*/
table {
max-width: 100%;
/*border: 1px solid #ff0000;*/
border-collapse: collapse;
@ -239,6 +261,7 @@ table {
}
a{
word-wrap: break-word;
text-decoration: none;
display: inline-block;
color: #747ff7;