From 49a862ea0fbb8c778fbf1374d9e49a944a2af92c Mon Sep 17 00:00:00 2001 From: Carlos Scantbelruy Date: Tue, 11 Oct 2022 17:16:26 -0400 Subject: [PATCH] Adiciona os card do topo desktop e mobile --- assets/imagens/coin 1.png | Bin 0 -> 3027 bytes assets/imagens/shop 1.png | Bin 0 -> 959 bytes assets/imagens/shopping-bag (1) 1.png | Bin 0 -> 2071 bytes assets/styles/main.css | 53 ++++++++++++++++++++------ 4 files changed, 42 insertions(+), 11 deletions(-) create mode 100644 assets/imagens/coin 1.png create mode 100644 assets/imagens/shop 1.png create mode 100644 assets/imagens/shopping-bag (1) 1.png diff --git a/assets/imagens/coin 1.png b/assets/imagens/coin 1.png new file mode 100644 index 0000000000000000000000000000000000000000..a5e458faed7989a70c5e1d53c1d119b3dccad04f GIT binary patch literal 3027 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 V4)TYZ*pL7K002ovPDHLkV1gctz6$^V literal 0 HcmV?d00001 diff --git a/assets/imagens/shop 1.png b/assets/imagens/shop 1.png new file mode 100644 index 0000000000000000000000000000000000000000..31a541befea52bc7e46780b8994296e3c55b8a32 GIT binary patch literal 959 zcmeAS@N?(olHy`uVBq!ia0vp^=^)I(1|(%2V}1fD&H|6fVg?3oVGw3ym^DWND9BhG zZLVf#?e^w=Qog!F{& z3KN-6@9((gXII;Q{E4}QTbZzrvvp5sx#>G896_GSF+mpw(q8enZLLG ztusFDuxaIf<-LBJx>$*Zn~zm3}3l>6@OEt`9?D+Olzt^UBfHv6v z3t01W92z-~&y>(T>#)`Nuc!O6%db!W*m>MNt@rE_%ilkIQ?+B97v0+V_($dnyFJ^i z>ZcTDF)wtLSXHKSxxYNTeR7nvJ%?`d-yP~!b57i{5Q%DQ{8}o)buh`|fCQgG8*|S? zhGaZU*>k;HbNy#knmzt;WMi-CikK3MZ}QjsQnq>C_b^_^-ex)@#%N~TEaA@ieLJRq zm+9UgbLVuk*~+#Pfrme)wA*H$Pd*fJD!ld8+s@-M>OuSJPA_j;(kfLYYC5N)XZ>o$ zZ!->u9^PNLyl?JvQQ`fQe?8q*Rlhu?MyGDIxB1q#dG{`uNZOk-1BlW zQ+#Gb-~N*2Qd@iVy5rwp)e4vQ@7eXjaAi;YMW18$XMEh(EiP>Az9r4HWUbxCKlO2X zORaCN4EmjQUS{8RHteC9b9;I4k4M#Nx?EikUj0k@e`a;@B=?7lcdON3{bIE1cdgc8 z=K0&>QeOY;_Y)M^xFzGu*UVh`^#x3vyDzP4?71(nW_z(T>*BZD`t?6mgzry$DcaX^ zF#0R=)Kg6#H{q}nyF(zNd#(w1TzI$kb92(xJe|0nuG0!UOHwmq+1D4m+iznzh1YD? zjr`iL{S|-i3+rd&OC@K%A9FFO-xy)8_Gl*a8PRi3riE{b2;TnrR#C~W(6{|r`k}W4 pXPMV3?FoOoSwIj1E^7Vc4(60=4maC=9hl!3JYD@<);T3K0RTJsv3mdj literal 0 HcmV?d00001 diff --git a/assets/imagens/shopping-bag (1) 1.png b/assets/imagens/shopping-bag (1) 1.png new file mode 100644 index 0000000000000000000000000000000000000000..97f8ad470df974e5b113b37aa8f421d577ffe137 GIT binary patch literal 2071 zcmV+y2{(-V8i4aISi2>x)qO@>h3>Wo6(Sv%CHR^$bP)s~Z7ra~H!a+?JPkMqL z^d#BE6M{+G6JncmNi@X7-~vKI*v|9)_D{R}`etWmcXs#f^nH?-?o8j?nf|`-_h+WF zZyCCeBiguV!=kyOB`b|6h?W;^PPD6{ zA^R_hHjR4m3<_M7jm3M=Cb8;`h6-emDfC7V*@GMyN{}eC@HbXgv(k$XT9gb{ z^Fzv~&!o?L(zvgn7J3Bh5Hgf(3=*nQ0#?oLw4$Hm)7NeA-V;zyl66%OI0!F_O2~A; zF=TOq44qOOV+!ktEW%Yo4w}y!wWx}Obif!@SaY!saIy9ePX&ybM(ZIajkUQWXsqmM zm#_|yjoi%4mkpId^NLvn6Z>2v8_5mmKaRED5|*^|9@!?w$l*3f%)Z7& zcq6ysVKPaC_kgt2|1vbiLi@L#KMyVQOccTlN!vk2uKoWDQ9!-1!jPA?9RwpEYYQ|a3Sq(`&(KyyX_dUR z{Twu;7sBX9Y(tr$0~ld6#R#J*32B?k&9E^ysd$e@IEsBPT4PAD?FNhqd%h~n|7Ox$%t9xF;( zJ#Pm+cnr!x_&dZ|guB(>&atAT)$>kEM2Y!uTOVm@rRM3pH?t3G2Y`6NnHaj0z!&ys)z(`jV_4LWnBv6DKbplptVOAvgJ_NI?G1?~`@rHf_Aj_ijiHILe_^6p;l=VghQmt>!#EgS z$T16ZMUT&m44p6i((;nxbuwYGVUNRQUa|c77{(DfqN1}cq%gLa7h>i3GN1P>FAvWu zRF3J;d2o-Or)DE1Pkm+!t#MO`_XVbyxm+0E7Op@sri@j3E%vYO>Np}_aiqi~flbG^ zR!@-5qkJOu6T{>fO)NzBcT!B%t|L}{y5hccB6nyv7eVlwRSr@8E49Y9- zzd2afmqa;y{4W$9c!(0?F$&1YhmZd$Dyw4M{uA#cJ5qtEFv9py_Jpe?bMu288@Kd#wSS_`oEGPXg(kthlBK~-r=d0abB&8P+U@Q$eB- z@<-iiF@jm2zBxtTR=+&1w>&lESbH)Ktvl8&I7h(};k5YMu3R(yRcjEWM4Lw3u?J!8 zI03e;3(=ZNVyeD;61@t)#UWgj#c>dG*w(kec6@?Pcu&bo7|t~lx@2sh{dv(Yibl`m zyo@-1f$5{0;Dw*T5`$pR>_ubAesmd>Hlim?)uLzuXO%{-AuA`+yE z5vED(R~N@&d*ht5Bf@BNLX;VA(|;M{_I2bE;eU2ad!Nu_5efhR002ovPDHLkV1mM) B;hq2h literal 0 HcmV?d00001 diff --git a/assets/styles/main.css b/assets/styles/main.css index 9dc7cdc..05998d6 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -61,13 +61,52 @@ body { line-height: 24px; } -@media and (max-width: 414px) { +.top-card { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20px ; + padding: 74px 0; + background: #FFFFFF; +} + +.top-cards { + display: flex; + flex-direction: column; + align-items: center; + max-width: 350px; + padding: 26px 26px 34px; + background: #FFFFFF; + box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15); +} + +.top-card-imagem { + display: block; + margin-bottom: 26px; +} + +.top-texto { + max-width: 300px; + font-weight: 400; + font-size: 16px; + line-height: 24px; + text-align: center; +} + +@media screen and (max-width: 768px) { + .top-card { + grid-template-columns: 1fr; + padding: 36px 26px; + } + +} + +@media (max-width: 1400px) { .main-banner-desktop{ display: none; } } -@media screen and (max-width: 1400px) { +@media screen (max-width: 1400px) { .top-infocard { flex-direction: column; } @@ -90,15 +129,7 @@ body { max-width: 315px; } } - -@media screen and (min-width: 992px) and (max-width:1400px) { - .infocard text { - max-width: 542px; - margin-right: 70px; - } - -} -@media and (min-width: 415px) { +@media (min-width: 1399px) { .main-banner-mobile { display: none; }