.container { flex-wrap: wrap; justify-content: center; max-width: 1400px; margin: auto; overflow-x: hidden; overflow-y: hidden; } section { position: relative; // background-color: rgba(169,169,169,.19);//#fff; background-color: rgba(199,199,199,.19);//#fff; border-radius: 7px; padding: 5px 40px 30px; margin: 10px; max-width: 180px; box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 6px 12px rgba(0,0,0,0.07), 0 2px 14px rgba(0,0,0,0.07); flex: 31%; } .section2 { //margin: 50px; //padding: 5px 30px 30px; max-width: 320px; //max-width: 660px; min-width: 140px; //max-width: 100%; } .section3 { //margin: 50px; //padding: 5px 30px 30px; max-width: 620px; min-width: 300px; max-width: 100%; } .section4 { max-width: 460px; max-width: 1040px; } .section5 { max-width: 260px; max-width: 740px; } @media screen and (max-width: 320px) { .container { //overflow-x: hidden; } .section5 { max-width: 310px; } } @media screen (min-width: 899px) and (max-width: 916px) { .container { background : } } @media screen and (max-width: 914px) { .container { //max-width:840px; // overflow-x: hidden; // overflow-y: hidden; } section { max-width: 100%; //max-width: 160px; left:-5px; } .section2 img { max-width:50px; } .section2 { max-width: 100%; max-width: 930px; } .section3 { max-width: 100%; } .section5 { max-width: 260px; max-width: 800px; } } @media screen and (min-width: 914px) and (max-width: 1140px) { .container { min-width:900px; max-width:1040px; overflow-x: hidden; overflow-y: hidden; } section { max-width: 171px; } .section2 { max-width: 445px; //max-width: 520px; } .section3 { max-width: 400px; //max-width: 500px; max-width:720px; } .section4 { //max-width: 460px; max-width: 720px; min-width: 720px; } .section5 { max-width: 260px; max-width: 1140px; } } @media screen and (min-width: 1140px) { .section2 { max-width: 320px; //max-width: 520px; } .section3 { max-width: 400px; //max-width: 500px; max-width:600px; } .section4 { //max-width: 460px; max-width: 1020px; } .section5 { max-width: 260px; max-width: 1140px; } } .flex { display: flex; } .container { overflow-x: hidden; } .info { justify-content: space-between; border-bottom: 1px solid rgba(169,169,169,.59); padding: 10px 0; text-transform: uppercase; font-size: 90%; margin: auto -15px 30px; } .code { visibility: hidden; opacity: 0; position: absolute; width: 160px; height: 0; left: 0; margin: auto; line-height: 1.6; transition: visibility 0s, opacity 0.5s linear; }
Edit file:cardbox.css2795