caroline_moran/challenge-landing-page
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: ajustando posição das imagens

Browse Source
This commit is contained in:
Caroline Moran 2022-10-07 07:18:21 -04:00
parent 77c5c620e1
commit dbc4285130
5 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/Logo-M3Academy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
src/assets/Youtube.zip
View File

Binary file not shown.

9
src/assets/svgs/Logo-M3Academy.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

4
src/landingPage.html
View File

@ -12,8 +12,8 @@
<header> <header>
<figure class="logo-container"> <figure class="logo-container">
<img <img
src="./assets/LogoM3Branco.png" src="./assets/svgs/Logo-M3Academy.svg"
alt="Logo M3 Ecommerce" alt="Logo M3 Academy"
class="logo" class="logo"
/> />
</figure> </figure>

6
src/style/landingPage.css
View File

@ -18,7 +18,7 @@
} }
.logo { .logo {
width: 5%; width: 12%;
} }
/* Banner principal */ /* Banner principal */
@ -254,7 +254,7 @@
@media (max-width: 1024px) { @media (max-width: 1024px) {
/* Cabecalho */ /* Cabecalho */
.logo { .logo {
width: 20%; width: 55%;
} }
/* Banner principal */ /* Banner principal */
.banner-principal-desktop { .banner-principal-desktop {
@ -318,7 +318,7 @@
.mini-banners { .mini-banners {
display: grid; display: grid;
grid-template-areas: grid-template-areas:
"mini-banner1 mini-banner2" "mini-banner2 mini-banner1"
"mini-banner3 mini-banner3"; "mini-banner3 mini-banner3";
gap: 24px 14px; gap: 24px 14px;
top: 32px; top: 32px;