Please help with this mobile code!

I have a website with full bleed horizontal images and I am trying to contain them as such on mobile - the effect I am going for is seen on [link in profile].

PLEASE HELP! I am getting so frustrated!


Not sure the earlier answer addressed your needs, so let’s first determine what is meant by ‘full bleed images’. Is the below to what you refer?

1 Like

Got to playing with this and haven’t come much closer to a stable layout but the findings are interesting, and perhaps upon which to build…

<!DOCTYPE html>
  <meta charset="utf-8">
  <title>full bleed image</title>
  body {
    font-size: 100%;
    background-image: url(digger_in_the_valley.jpg);
    background-size: cover;
    margin: 0;
  #wrapper {
    width: auto;
    height: 100%;
    border-width: 5rem;
    border-color: rgba(191, 127, 255, 0.15);
    border-style: solid;
    box-sizing: border-box;
  div div {
    margin: 100% auto;
  <div id="wrapper">

Save both files to the same folder and click on the html.

1 Like