Cards Hover Effect -> HTML & CSS

PHOTO EMBED

Sun Sep 19 2021 12:35:54 GMT+0000 (UTC)

Saved by @Mufaddal #undefined

@import url("https://fonts.googleapis.com/css?family=Righteous&display=swap");
2
​

body {

  margin: 0;

  padding: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  font-family: "Righteous", cursive;

  min-height: 100vh;

  background-color: #a9c9ff;

  background-image: linear-gradient(0deg, #a9c9ff 0%, #ffbbec 100%);

​

  .container {

    max-width: 100vw;

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
18
    grid-gap: 35px;

    margin: 0 auto;

    padding: 40px 0;

​

    .card {
content_copyCOPY

https://codepen.io/DivineBlow/pen/ZEBqNZb