chris/main_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mtg 4 items per row

Browse Source
This commit is contained in:
HearMeWhisper 2022-08-22 11:33:45 -04:00
parent c42c0a6b65
commit 8d662e1700
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
MTG/index.html
View File

@ -18,6 +18,7 @@
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<link rel="stylesheet" type="text/css" href="/menu/menu.css" /> <link rel="stylesheet" type="text/css" href="/menu/menu.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head> </head>
<body> <body>

6
MTG/style.css
View File

@ -100,12 +100,16 @@ main {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap;
margin: min(1rem, 1.5rem); margin: min(1rem, 1.5rem);
/* max-width: max-content; */ /* max-width: max-content; */
width: clamp(min-content, max-content, max-content+1rem) width: clamp(min-content, max-content, max-content+1rem);
max-width: 25%;
flex-basis: 20%
} }
.buttons { .buttons {
font-size: 3em; font-size: 3em;