Responsive Layout css web development
@media (min-width: 480px) and (max-width : 500px) {
.header-widgets{
width : 120px;
margin-top : -93px;
margin-left : 200px;
}
.logo {
width : 120px;
}
}
@media (min-width: 1024px) and (max-width: 1100px) {
.header-widgets{
width : 200px;
margin-top : -107px;
margin-left : 300px;
float : right !important;
}
.logo {width : 200px;}
}
@media (min-width: 798px) and (max-width: 898px) {
.header-widgets{
width : 200px;
margin-top : -107px;
margin-left : 300px;
}
.logo {width : 200px;}
}
@media (min-width: 698px) and (max-width: 797px) {
.header-widgets{
width : 222px;
margin-top :-121px;
margin-left : 373px;
}
.logo {width : 222px;}
}
@media (min-width: 598px) and (max-width: 639px) {
.header-widgets{
width : 165px;
margin-top : -93px;
margin-left : 250px;
}
.logo {width : 165px;}
}
@media (max-width: 480px) {
.header-widgets{
width : 80px;
margin-top : -46px;
margin-left : 91px;
}
.logo {width : 80px;}
}