Breaking News: Grepper is joining You.com. Read the official announcement!

media query min and max width for all devices

Add Answer

Happy Hedgehog answered on July 15, 2021 Popularity 10/10 Helpfulness 10/10

answer media query min and max width for all devices

related media query for mobile min and max width

related media query for mobile min and max width both

related media query css min and (max for all devices)

related media query min and max width for all devices

media query min and max width for all devices

Comment

@media only screen and (max-width: 480px) and (min-width: 320px)  {
  /* mobile-devices */
  
}

@media only screen and (max-width: 768px) and (min-width: 481px)  {
  /* iPads, Tablets */
   
}

@media only screen and (max-width: 1024px) and (min-width: 769px)  {
  /* small screens, laptops */
  
}

@media only screen and (min-width: 1024px)  {
  /* Desktops, large screens */

}

Popularity 10/10 Helpfulness 10/10 Language css

Source: Grepper

Tags: css max media min width

Link to this answer
Share Copy Link

Contributed on Oct 15 2021

Happy Hedgehog

0 Answers Avg Quality 2/10

Closely Related Answers

media query for mobile min and max width

Comment

@media only screen and (max-width: 399px) {...}
@media only screen and (min-width: 400px) and (max-width: 600px)   {...}
@media only screen and (min-width: 601px) {...}

Popularity 9/10 Helpfulness 7/10 Language css

Source: Grepper

Tags: css max

Link to this answer
Share Copy Link

Contributed on Oct 20 2021

Tense Teira

0 Answers Avg Quality 2/10

media query for mobile min and max width both

Comment

@media only screen and (max-width: 600px) and (min-width: 400px)  {...}

Popularity 10/10 Helpfulness 5/10 Language css

Source: www.emailonacid.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Jul 15 2021

Chand jr

0 Answers Avg Quality 2/10

media query css min and (max for all devices)

Comment

/* Media query for a range of device widths */
@media only screen and (min-width: <minimum-width>) and (max-width: <maximum-width>) {
  /* CSS styles for devices within the specified width range */
  /* Add your styles here */
}

Popularity 5/10 Helpfulness 1/10 Language css

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

media query min and max width for all devices

Comment

-1

@media only screen and (max-width: 480px) and (min-width: 320px)  {
  /* mobile-devices */
    .width {
    background: var(--clr-grey);
  }
}

@media only screen and (max-width: 768px) and (min-width: 481px)  {
  /* iPads, Tablets */
    .width {
    background: var(--clr-pink);
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px)  {
  /* small screens, laptops */
    .width {
    background: var(--clr-yellow);
  }
}

@media only screen and (min-width: 1024px)  {
  /* Desktops, large screens */
    .width {
    background: var(--clr-yellow);
  }
}

Popularity 9/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css max

Link to this answer
Share Copy Link

Contributed on Oct 15 2021

Happy Hedgehog

0 Answers Avg Quality 2/10

media query min and max width for all devices

Contents

More Related Answers

media query min and max width for all devices

Closely Related Answers

media query for mobile min and max width

media query for mobile min and max width both

media query css min and (max for all devices)

media query min and max width for all devices

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.