No edit summary |
No edit summary |
||
(17 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.Trending-Container{ | .Trending-Container{ | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(auto-fill, minmax( | grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); | ||
grid-column-gap: | grid-column-gap: 7px; | ||
grid-row-gap: | grid-row-gap:7px; | ||
text-align: center; | |||
} | } | ||
.TopPage-container{ | .TopPage-container{ | ||
overflow: hidden; | overflow: hidden; | ||
border-radius: 8px; | |||
background-color:#172026; | |||
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 ); | |||
} | } | ||
.TopPage-image img{ | .TopPage-image img{ | ||
object-fit: | width:158px; | ||
height:158px; | |||
object-fit: cover; | |||
transition: transform 0.2s ease; | |||
} | |||
.TopPage-image:hover img { | |||
transform: scale(1.1); | |||
} | |||
.TopPage-title{ | |||
overflow: hidden; | |||
height:26px; | |||
background-color:#172026; | |||
position: relative; | |||
z-index:10; | |||
} | } |
Latest revision as of 01:50, 23 February 2023
.Trending-Container{ display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-column-gap: 7px; grid-row-gap:7px; text-align: center; } .TopPage-container{ overflow: hidden; border-radius: 8px; background-color:#172026; box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 ); } .TopPage-image img{ width:158px; height:158px; object-fit: cover; transition: transform 0.2s ease; } .TopPage-image:hover img { transform: scale(1.1); } .TopPage-title{ overflow: hidden; height:26px; background-color:#172026; position: relative; z-index:10; }