Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS css issue

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #286325
    Atlas
    Participant

    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?

    #286337
    Paulie_D
    Member

    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,

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.