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

Home Forums CSS Please Help with Responsive CSS issue

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #46054

    I have been making up this responsive design. When you scale the browser window down to the size of mobile or tablet one of the divs is slightly out of line. Can anyone please help me to fix this.

    You can visit the issue here:

    Thanks so much for your time.


    you can add a media query at the width of tablet size to make right col: float left and get rid of the left margin
    I think that will fix it


    You have padding-left set. It doesn’t need to be there for the smaller sizes. That’s causing the issue.

    #right-col {
    float: right;
    padding-left: 20px;
    border: 1px solid #000;
    margin-left: 50px;
    width: 286px;
    background: -webkit-radial-gradient(bottom, circle, #fff, #52bdec);
    background: -moz-radial-gradient(bottom, circle, #fff, #52bdec);
    background: -ms-radial-gradient(bottom, circle, #fff, #52bdec);


    Thanks John, That has lined up the left side perfect. But the right side is still off.

    Any idea?

    Thanks in advance for your time. And thanks NghiQuach also.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.