Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
.img {
max-width: 100%;
display: block;
object-fit: cover;
.main {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
gap: 2rem;
padding: 2em 0;
.container {
max-width: 75rem;
margin-inline: auto;
width: 85%;
.card {
overflow: hidden;
.card .img {
transition: all 0.3s ease;
width: 100%;
.card:hover img {
transform: scale(1.5);
cursor: pointer;
.title {
background: #27251f;
color: #ecf0f1;
padding: 1em;
text-transform: uppercase;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment