Help with mobile responsive images...

Discussion in 'HTML & Website Design' started by 5thround, May 26, 2016.

  1. #1
    Needed some help, I have decent knowledge of HTML and CSS. I've taken a pre-design site that I have and want to fix some quirks for a new site I'm doing. I have a lot of the issues taken care of enough to get by, but have run into an issue with pictures as the site re-sizes. I've attached the 3 examples (regular desktop, 830px wide and 582px wide). The 582px wide example also looks that way on mobile/tablet. Does anyone have any recommendations on the proper way to do this? I basically wanted all the images to be the same size... I can provide the CSS file for the code if it's needed.

    Thanks for your time!
     

    Attached Files:

    5thround, May 26, 2016 IP
  2. meet_dilip

    meet_dilip Member

    Messages:
    47
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    48
    #2
    Bootstrap framework is an easy way to create responsive web pages. It will help you auto resize images as well.
     
    meet_dilip, May 29, 2016 IP
  3. Sally1423

    Sally1423 Greenhorn

    Messages:
    28
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    8
    #3
    bootstrap class img-responsive. the easiest way;)
     
    Sally1423, May 30, 2016 IP
  4. Puntocom81

    Puntocom81 Banned

    Messages:
    80
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    35
    #4
    bootcrap is a no-go promoting bad practices. If you publish html/css you'll get better advice.

    Truth about frameworks: http://cutcodedown.com/article/HTML_CSS_and_JS_frameworks
     
    Puntocom81, May 31, 2016 IP