Responsive Shopping website UI using Html and Css | | Tamil
Source for Responsive web layout /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { .empty::before{ content:''; position:absolute; right:0px; top:0px; width:100%; height:100px; background-color:dodgerblue; z-index:-1; } .nav li{ display:none; } .navicon { margin:25px 0 0 30%; } .container { display:block; } .info{ margin:25% 0 0 60px; } .optional{ margin:50px 0 0 0; } .optional h3{ font-size:15px; } .optional h3:nth-child(1){ margin-left:10px; } .info .min{ display:block; width:300px; height:300px; position:relative; left:8px; } .info button{ margin-top:20px; } .product img{ display:none; } .icons{ margin:-37px 0 0 190px; } .icons i{ color:#000; margin-left:30px; } .logo{ background-image: url('../images/logo2.png'); background-repeat: no-repeat; background-size:contain; } } /* Small devices (portrait tablets and large phones