Les Zackardises Posted March 25, 2020 Share Posted March 25, 2020 Hello! I’m the owner of https://www.leszackardises.com and I would like to add my logo to the header (the logo is in files). But I really need helps for media-query, for my logo to be fully responsive on every devices, such as mobile and PC. Please, can someone provide me CSS codes? Link to comment Share on other sites More sharing options...
Funce Posted March 30, 2020 Share Posted March 30, 2020 Take a look at our Media Query Tutorial page. Let me know if you have any questions about it. Link to comment Share on other sites More sharing options...
ishan_shah Posted March 30, 2020 Share Posted March 30, 2020 You can use following code for reference.0 : /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { height : ... /*whatever you want*/; width : ... /*whatever you want*/; /*any thing extra that you like to add like margin,padding,etc */ } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) { height : ... /*whatever you want*/; width : ... /*whatever you want*/; /*any thing extra that you like to add like margin,padding,etc */ } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { height : ... /*whatever you want*/; width : ... /*whatever you want*/; /*any thing extra that you like to add like margin,padding,etc */ } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { height : ... /*whatever you want*/; width : ... /*whatever you want*/; /*any thing extra that you like to add like margin,padding,etc */ } /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { height : ... /*whatever you want*/; width : ... /*whatever you want*/; /*any thing extra that you like to add like margin,padding,etc */ } Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now