Skip to content
  • home
  • portfolio
  • web design journal
  • blog
    • adventure
    • san diego
    • projects
    • website design
Blog Quickbits Different Image Files Based on Browser Width

Different Image Files Based on Browser Width

By Forrest Smith - Drempd.com

.ipad,.mobile{display:none;}



@media(max-width: 768px){

  .desktop,.mobile{

    display:none;

  }

  .ipad{

    display:block;

  }

}

@media(max-width: 500px){

  .desktop,.ipad{

    display:none;

  }

  .mobile{

    display:block;

  }

}




<img src="image-file-desktop" class="desktop">

<img src="image-file-ipad" class="ipad">

<img src="image-file-mobile" class="mobile">

Posted on August 25, 2022October 2, 2022 in Quickbits
  • Adventure

    • adventure
    • gravelgrinding
    • hiking
    • running
  • The Built Environment

    • architecture
    • urbanity
  • Locations

    • san diego
    • portland
  • Freelance Life

    • freelancing
    • productivity
  • Web Dev

    • css
    • entrepreneurship
    • git
    • handlebars
    • html
    • inkscape
    • photoshop
    • php
    • sass
    • web design
    • web development
    • saphire

drempd | san diego, ca


home contact

adventures san diego urbanity and architecture projects stream website design

portfolio resume san diego web design freelance web designer

custom web design responsive web design website maintenance