fixed quick links responsiveness

This commit is contained in:
vedant-3010 2023-09-08 00:30:49 +05:30 committed by Kent Keirsey
parent dccf291f64
commit 47ea71d9bd

View File

@ -15,7 +15,8 @@ title: Home
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.1/css/fontawesome.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.1/css/fontawesome.min.css">
<style> <style>
.button { .button {
width: 300px; width: 100%;
max-width: 100%;
height: 50px; height: 50px;
background-color: #448AFF; background-color: #448AFF;
color: #fff; color: #fff;
@ -27,8 +28,9 @@ title: Home
.button-container { .button-container {
display: grid; display: grid;
grid-template-columns: repeat(3, 300px); grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px; gap: 20px;
justify-content: center;
} }
.button:hover { .button:hover {