diff --git a/public/css/home.css b/public/css/home.css index 609f26e..cdfa14d 100644 --- a/public/css/home.css +++ b/public/css/home.css @@ -274,6 +274,8 @@ button:hover { margin-left: 1em; margin-top: 0.5em; + position: relative; + z-index: 10; cursor:pointer; } @@ -329,7 +331,6 @@ button:hover .card > .card__info > h2 { margin: 0; - margin-top: 1em; font-size: large } .card > .card__info > h3 @@ -338,20 +339,26 @@ button:hover margin-bottom: 1.5em; font-size: medium; } -.card > .card__info > .tags -{ - margin-bottom: 0em; -} .card > .card__info > .desc { font-size: x-small; margin-left: 1em; margin-right: 1em; + margin-top: 1em; } .card:hover > .card__img { height: 100%; } +.card__overlay +{ + position: relative; + top:0; + left:0; + height: 100%; + width: 100%; + z-index: 1; +} .card > .card__info > .tags { display:flex; @@ -359,6 +366,9 @@ button:hover justify-content: left; align-self: center; gap:5px; + margin-bottom: 0em; + position: relative; + top: 0.5em; } .card > .card__info > .tags > .tag {