diff --git a/index.html b/index.html index e79eda3..3d04fee 100644 --- a/index.html +++ b/index.html @@ -77,5 +77,22 @@

Faça o seu

+
+ +

Descubra seu próximo jogo favorito

+ +
+ +
+ + +
A Little to the Left
+

Puzzle e curiosidade

+
+
+ +
+
+ diff --git a/style.css b/style.css index 139a518..7049981 100644 --- a/style.css +++ b/style.css @@ -245,3 +245,56 @@ header #header-portal nav img { content: url(assets/icons/seta.svg); margin-left: 14px; } + +/* |||||||||||||||||||||||||||||||| */ + +#next-gamefav { + margin: 80px 33px 0; + width: 100%; + + display: flex; + flex-direction: column; + gap: 55px; +} + +#next-gamefav h2 { + text-align: center; +} + +#next-gamefav .card-wraper img { + max-width: 266px; + min-height: 400px; +} + +#next-gamefav .card-wraper { + position: relative; +} + +#next-gamefav .card-wraper span { + display: flex; + flex-direction: column; + gap: 10px; + + position: absolute; + bottom: 35px; + left: 23px; + right: 23px; +} + +#next-gamefav span>h6 { + color: #FFF; + font-family: "Segoe UI"; + font-size: 18px; + font-style: normal; + font-weight: 600; + line-height: normal; +} + +#next-gamefav span>p { + color: #FFF; + font-family: "Segoe UI"; + font-size: 13px; + font-style: normal; + font-weight: 600; + line-height: normal; +} \ No newline at end of file