maciel's profile picture

Published by

published

Category: Web, HTML, Tech

so before you add gifs to your profile

hey, if you want to add gifs to your profile, think a little bit on mobile users. i've seen profiles here that i simply can't read on mobile and had to switch to pc to actually read 😭

so if you wanna add stuff like that, i recommend doing the following on your CSS code:

  
img.gif {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: none /* will not appear on mobile */
}

/* 
  if the screen is at least 768px wide, 
  then give the gif a display value of 'block'
*/
@media screen and (min-width: 768px) {
  img.gif {
     display: block
  }
}

or if you WANT to make it appear on mobile, consider making it smaller on the default styles, and on the @media queries make them bigger changing the 'width' and 'height' properties!


12 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )