Resize image differently for phone and computer

How do I resize an image differently for phone and computer?
burnedfacelessAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Scott Fell, EE MVEConnect With a Mentor Developer & EE ModeratorCommented:
In your css, you can use media queries https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

@media (max-width: 768px) {
  img {
    width:700px;
  }
}
@media (min-width: 768px) {
  img {
    width:900px;
  }
}

Open in new window

In the above, if the viewport is below 768 one a smaller width is used, in the larger screen a larger width is used.
0
 
burnedfacelessAuthor Commented:
Thank you for the link and the example
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.