css help

Out of context: Reply #7

  • Started
  • Last post
  • 13 Responses
  • prophetone0

    Looking at it on laptop desktop so if issue on mobile device then maybe viewport scale issue... but I'm seeing 1 col in mobile widths otherwise, other issue is .card container are breaking free of .wrapper width - i.e. are like 320 plus l/r padding when should be responsive within .wrapper, so pushed off-screen, needs fix

    prophetone 0Permalink
    UpvoteDownvote
    Flag
    • if it were me thought, i'd be setting media queries for my 3-4 preferred customg breakpoints... and make sure in mobile the wrapper is 100% widthprophetone
    • have the elements within wrapper push away from edges with padding or margins, that way you can have 320 ads touch edges, full-width lines or row containersprophetone
    • I'd also zero out the margins in the body tag so you're starting wall-to-wall on all edges, then set your preferred margin/padding on wrappers/containersprophetone
    Show [[ numHiddenNotes ]] more notesAdd Note
    SaveCancel

View thread