All comments

• 

  kevin• 20

  @kevcoder247

  Submitted over 1 year ago

  I found it difficult to figure out how to display two images, or how to have both desktop and mobile images in the same html file.

  I'm unsure about how I wrote my css in order to position things, feels like I can write much better css, but I learned a lot which was great.

  Would like to know where or how to store or how to work with different image sizes when going from desktop to mobile.

  

  Media queries for responsive design, and css variables.

  3

  5

  0

  

  Salmane• 220

  @salmaane

  Posted over 1 year ago

  Hi Kevin! Good job your project is awesome.

  For your question about manipulating images when moving from desktop to mobile or vice-versa, There is many methods but I used to do this one: you have to add the two images (desktop & mobile) to your html code and set the mobile image display property to hidden . and when you move from desktop to mobile by media queries you have to set its display property to block (or inline) and for desktop image set display property to hidden. By this you will be able to change between desktop and mobile images.

  I wish this will help you!

  Marked as helpful

  0

  This comment has received 1 replyShow