perso/WEBSITE_hugulumu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip design is mobile first with some bugs

Browse Source
This commit is contained in:
asus
2024-05-19 12:26:30 +02:00
parent 527424df53
commit 00485dbc70
5 changed files with 41 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
styles/elements/projects.css
View File

@@ -5,15 +5,29 @@
article {
display: grid;
grid-gap: 20px;
grid-auto-columns: repeat(auto-fill, minmax(500px, 1fr));
/*
* trying to create a responsive design, but still some bugs
* so for now stick to mobile first
*
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
*/
grid-template-columns: auto;
p {
grid-column: 1 / span 2;
grid-column: 1;
}
img:first-of-type {
grid-column: 1;
}
img {
width: 600px;
/*
min-width: 300px;
width: 100%;
max-height: 500px;
max-width: 500px;
width: 100%;
margin: 0px auto;
*/
}
}
.mouse {