Responsive image blog?

Out of context: Reply #5

  • Started
  • Last post
  • 9 Responses
  • ETM0

    Don't let your images go 100% at just any resolution. In most cases you don't want full width images going up to 1920px and higher.

    If you don't have a wrapper with a max-width, then for your images:

    width: 100%;
    max-width: (pixel or em value of choice);

    A max-width of 1220px (76em) or even 1650px (103em) works well.

    ETM 0Permalink
    UpvoteDownvote
    Flag
    • Exacty. Use max-width as a restraint, width 100% as the responsiveness.prophetone
    • You literally could use just this to create a responsive image blog page, it'll be dead simple but maybe that's coolprophetone
    • You could. Would just need:
      margin: 0 auto;
      Or whatever top/bottom margin you want.      ETM
    Show [[ numHiddenNotes ]] more notesAdd Note
    SaveCancel

View thread