Jump to content
Sign in to follow this  
Les Zackardises

Media Query NEED HELP!

Recommended Posts

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?

954FF2B0-0724-4606-8C15-803FE796374C.png

Share this post


Link to post
Share on other sites

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 */

}

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...