I like to know how to start with responsive design, how to start code for that.

your help will be greatly appreciated

thanks in advance

Recommended Answers

All 4 Replies

You may want to take a look at Twitter Bootstrap.

Just 'Google' it - there is so much information out there.

Well you could use overflows, min/max's or percents, but I think it is much simpler, and more easily personalized if you use things like

@media screen and (max-width:320px) {
    .sidebar { display: none }
  @media screen and (min-width:1920px) {
    body { font-size: 15px }

or just a whole nother CSS

<link rel="stylesheet" media="screen" href="main.css">
<link rel="stylesheet" media="only screen and (min-width: 480px)" href="480.css">
<link rel="stylesheet" media="only screen and (min-width: 640px)" href="640.css">
<link rel="stylesheet" media="only screen and (min-width: 800px)" href="800.css">

Here are some great articles

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.