Žymos: kasdien memo pad, pelės kilimėlis, žaidimo pelės mygtukai, žaislas vandens varantys, tatuiruotė sunkvežimis, karpis dome, kilimas laiptais, išpūsti burbulą palapinė, gamer mouse pad, korėjos memo pad.

Dokumentas įstaiga, ul, li, img { margin: 0; padding: 0; } li { list-style: none; border: none; } .yra { max-plotis: 960px; margin: 0 auto; fonas: #f24d2f; padding: 0 5px; } .vadovas-img img { width: 100%; } .mano kortelę { display: flex; - pagrįsti kiekis: erdvė-tarp; margin-bottom: 10px; } .mano kortelę .balta-kortelės { background: #fff; } .pardavimas-kortelės { background: url('http://172.18.8.245:81/upload/20190923/5d882e49c340b.jpg') no-repeat; background-size: 100%; } .pardavimo kaina { color: #fff; } @žiniasklaidos ekrane ir (min-plotis:900px) ir (max-plotis:1960px) { .mano kortelę .balta-kortelės { plotis: 290px; aukštis: 290px; } .pardavimas-kortelės { plotis: 290px; aukštis: 70px; } .pardavimo kaina { padding-left: 65px; padding-top: 43px; float: left; } .pirkti užsakymą { plotis: 122px; aukštis: 47px; margin-top: 10px; margin-right: 5px; float: right; } .pirkti užsakymą img { display: inline-block; width: 120px; height: 47px; } } @žiniasklaidos ekrane ir (min-plotis:850px) ir (max-plotis:900px) { .mano kortelę .balta-kortelės { plotis: 270px; aukštis: 270px; }.pardavimas-kortelės { plotis: 270px; aukštis: 60 taškų; } .pardavimo kaina { padding-left: 59px; padding-top: 39px; float: left; } .pirkti užsakymą { plotis: 122px; aukštis: 47px; margin-top: 10px; margin-right: 5px; float: right; } .pirkti užsakymą img { display: inline-block; width: 120px; height: 47px; } } @žiniasklaidos ekrane ir (min-width:800px) ir (max-plotis:850px) { .mano kortelę .balta-kortelės { plotis: 260px; aukštis: 260px; } .pardavimas-kortelės { plotis: 260px; aukštis: 60 taškų; } .pardavimo kaina { padding-left: 59px; padding-top: 39px; float: left; } .pirkti užsakymą { plotis: 110px; aukštis: 41px; margin-top: 10px; margin-right: 5px; float: right; } .pirkti užsakymą img { display: inline-block; width: 110px; aukštis: 41px; } } @žiniasklaidos ekrane ir (min-plotis:760px) ir (max-width:800px) { .mano kortelę .balta-kortelės { width: 250px; height: 250px; } .pardavimas-kortelės { width: 250px; aukštis: 60 taškų; } .pardavimo kaina { padding-left: 59px; padding-top: 36px; float: left; } .pirkti užsakymą { plotis: 105px; aukštis: 40px; margin-top: 9px; margin-right: 5px; float: right; } .pirkti užsakymą img{ display: inline-block; width: 105px; aukštis: 40px; } } @žiniasklaidos ekrane ir (min-plotis: 720px)ir (max-plotis: 760px) { .mano kortelę .balta-kortelės { plotis: 230px; aukštis: 230px; } .pardavimas-kortelės { plotis: 230px; aukštis: 60 taškų; } .pardavimo kaina { padding-left: 53px; padding-top: 32px; float: left; } .pirkti užsakymą { plotis: 96px; aukštis: 36px; margin-top: 9px; margin-right: 5px; float: right; } .pirkti užsakymą img { display: inline-block; width: 96px; aukštis: 36px; } } @žiniasklaidos ekrane ir (min-plotis: 680px)ir (max-plotis: 720px) { .mano kortelę .balta-kortelės { plotis: 210px; aukštis: 210px; } .pardavimas-kortelės { plotis: 210px; aukštis: 60 taškų; } .pardavimo kaina { padding-left: 45px; padding-top: 28px; font-size: 14px; float: left; } .pirkti užsakymą { plotis: 87px; aukštis: 34px; margin-top: 7px; margin-right: 5px; float: right; } .pirkti užsakymą img { display: inline-block; width: 87px; aukštis: 34px; } } @žiniasklaidos ekrane ir (min-plotis: 640px)ir (max-plotis: 680px) { .mano kortelę .balta-kortelės { width: 200px; height: 200px; } .pardavimas-kortelės { width: 200px;aukštis: 60 taškų; } .pardavimo kaina { padding-left: 45px; padding-top: 28px; font-size: 14px; float: left; } .pirkti užsakymą { plotis: 83px; aukštis: 34px; margin-top: 7px; margin-right: 5px; float: right; } .pirkti užsakymą img { display: inline-block; width: 83px; aukštis: 34px; } } @žiniasklaidos ekrane ir (min-width: 600px)ir (max-plotis: 640px) { .mano kortelę .balta-kortelės { width: 180px; height: 180px; } .pardavimas-kortelės { width: 180px; aukštis: 60 taškų; } .pardavimo kaina { padding-left: 42px; padding-top: 24 taškai; font-size: 12px; float: left; } .pirkti užsakymą { plotis: 73px; height: 30px; margin-top: 7px; margin-right: 5px; float: right; } .pirkti užsakymą img { display: inline-block; width: 73px; height: 30px; } } @žiniasklaidos ekrane ir (min-plotis: 560px)ir (max-width: 600px) { .mano kortelę .balta-kortelės { plotis: 170px; aukštis: 170px; } .pardavimas-kortelės { plotis: 170px; aukštis: 60 taškų; } .pardavimo kaina { padding-left: 38px; padding-top: 22px; font-size: 12px; float: left; } .pirkti užsakymą { plotis: 69px; aukštis: 27px; margin-top: 7px; margin-right: 5px; float:teisę; } .pirkti užsakymą img { display: inline-block; width: 69px; aukštis: 27px; } } @žiniasklaidos ekrane ir (min-plotis: 520px)ir (max-plotis: 560px) { .mano kortelę .balta-kortelės { plotis: 165px; aukštis: 165px; } .pardavimas-kortelės { plotis: 165px; aukštis: 60 taškų; } .pardavimo kaina { padding-left: 36px; padding-top: 22px; font-size: 12px; float:left; } .pirkti užsakymą { plotis: 67px; aukštis: 27px; margin-top: 5px; margin-right: 5px; float: right; } .pirkti užsakymą img { display: inline-block; width: 67px; aukštis: 27px; } } @žiniasklaidos ekrane ir (min-plotis:480px)ir (max-plotis: 520px) { .mano kortelę .balta-kortelės { plotis: 145px; aukštis: 145px; } .pardavimas-kortelės { plotis: 145px; aukštis: 60 taškų; } .pardavimo kaina { padding-left: 34px; padding-top: 18px; font-size: 12px; float: left; } .pirkti užsakymą { plotis: 58px; aukštis: 24 taškai; margin-top: 5px; margin-right: 5px; float: right; } .pirkti užsakymą img { display: inline-block; width: 58px; aukštis: 24 taškai; } } @žiniasklaidos ekrane ir (min-plotis:440px)ir (max-plotis: 480px) { .mano kortelę .balta-kortelės { plotis: 135px; aukštis:135px; } .pardavimas-kortelės { plotis: 135px; aukštis: 60 taškų; } .pardavimo kaina { padding-left: 32px; padding-top: 16px; font-size: 12px; float: left; } .pirkti užsakymą { plotis: 50px; height: 21px; margin-top: 5px; margin-right: 5px; float: right; } .pirkti užsakymą img { display: inline-block; width: 50px; height: 21px; } } @žiniasklaidos ekrane ir (min-plotis:414px)ir (max-plotis: 440px) { .mano kortelę .balta-kortelės { plotis: 125px; aukštis: 125px; } .pardavimas-kortelės { plotis: 125px; aukštis: 60 taškų; } .pardavimo kaina { padding-left: 28px; padding-top: 14px; font-size: 12px; float: left; } .pirkti užsakymą { plotis: 44px; aukštis: 20 taškų; margin-top: 5px; margin-right: 5px; float: right; } .pirkti užsakymą img { display: inline-block; width: 44px; aukštis: 20 taškų; } } @žiniasklaidos ekrane ir (min-width:400px)ir (max-plotis: 414px) { .mano kortelę .balta-kortelės { width: 120px; height: 110px; } .pardavimas-kortelės { width: 120px; aukštis: 60 taškų; } .pardavimo kaina { padding-left: 28px; padding-top: 12px; font-size: 12px; float: left; } .pirkti užsakymą { plotis: 40px; aukštis: 20 taškų; margin-top:5px; margin-right: 5px;