Kevin/website
1
0
Fork 0
mirror of https://github.com/LJ5O/website.git synced 2026-08-11 22:54:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

Responsive for presentation component

Browse Source
This commit is contained in:
LJ5O
2025-03-20 22:45:48 +01:00
parent 8b1e505d14
commit 7dc13ab605
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/home/presentation.vue
View File

@@ -28,6 +28,8 @@
} }
#presentation_text{ #presentation_text{
width: calc( 55% - 30px ); width: calc( 55% - 30px );
min-width: 250px;
flex:1;
margin-left: 30px; margin-left: 30px;
} }
#presentation_text h1{ #presentation_text h1{
@@ -43,14 +45,20 @@
font-size: 1.4em; font-size: 1.4em;
} }
#presentation_img{ #presentation_img{
width: fit-content;
width: 40%; width: 40%;
min-width: 500px; min-width: 400px;
margin-left: auto; margin-left: auto;
margin-top: 20px; margin-top: 20px;
flex:1;
} }
#presentation_img img{ #presentation_img img{
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
@media (max-width: 599px) {
#presentation_img {
min-width: 200px !important;
}
}
</style> </style>