SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    May 2013
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Some elements are not scaling properly when browser width is adjusted

    Hey all,

    I've created a new portfolio at www.daylidesign.com/RG. I'm using percentage widths and media queries to make it responsive, however the list items in the scrollable area that hold my presented projects are not staying in 2 columns as they should when the browser is resized.

    Can anyone offer some insight? I've been tinkering for a couple hours now and I can't seem to make it work.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,320
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    One thing that would help is to remove the left margin on the odd boxes, and you have them floated right anyway. But your code is a bit hard to debug, as some of it is quite invalid. It's not allowed to have a div between the <ul> and <li> elements, so I would recommend you remove those before doing anything else.

  3. #3
    SitePoint Member
    Join Date
    May 2013
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you, I forgot to remove that margin. I originally floated them all left. I will try to a different way to display them so that it is not so invalid. Hopefully things start behaving differently.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •