help with responsive design

  • Anderson00

    (@anderson00)


    9 years ago

    I am trying to clone the layout of this site. That site is movie streaming which I will not be doing. I will be using it for free stock images and stock videos downloads, maybe even audio. Anyway The problem I am having is it all seems good layout works perfect but once I resize the screen it doesn’t act the same as on that site I get scrollbars whereas on that site it is full responsive.
    I copied the css and it seems like thats where the responsiveness of the site is coming from not and js or anything.

    What other things do I have to copy or take into account when cloning the layout? js? ….

Viewing 4 replies - 1 through 4 (of 4 total)
  • Allison Tarr

    (@allisonplus)

    That site also utilizes bootstrap – is that something you’ve integrated into your own layout?

    megafreechips

    (@megafreechips)

    I think your whole approach is wrong.
    Responsive Web Design is not something you just Copy-Paste some css from another site and it magically works.
    I would suggest learning the basics of CSS Media-Queries and Fluid-Design.
    This way things will clarify for you better so you can solve your layout issues more easily.
    There are great resources out there on the web.
    If you have any specific questions I would be glad to assist.

    Thread Starter Anderson00

    (@anderson00)

    Ye I am using bootstrap 3 too. Everything looks fine apart from it wont resize lol. I get horizontal scroll bars.

    megafreechips

    (@megafreechips)

    Probably your containers have fixed widths or they aren’t adapting new widths as they should with media-queries.
    That’s why if you make them overflow horizontally they will have horizontal scroll bars.
    Or if you want to go totally fluid with no adaptive break points, just work with percentages.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘help with responsive design’ is closed to new replies.

Tags