css issue

[Atlas]

Hi all,

I am doing work experience in a company and am trying to create a page but having an issue on mobile. You can see the test page here that is ok on desktop https://www.gamestop.ie/promo/landing/testpage.

The issue is when viewed on mobile there are a few width properties that are making it look bad. The site that I copied the code off seems to be desktop only.

The issue looks to be in the code for these callouts https://gyazo.com/5e0140364ceb562661849fec1a0d354f and i can’t seem to fix the width part without messing up desktop view.

Does anyone know how to fix the issue?

[Paulie_D]

Your images are fixed width

.hero_img {
    display: inline-block;
    width: 367px;
    float: left;
}

and so are the .copy divs

.copy {
    width: 581px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-top: 20px;
}

I’d start there,

[Author]

Posts