Closed

Modify exsitng css to be responsive and cross browser compatibility

This project received 15 bids from talented freelancers with an average bid price of $192 USD.

Get free quotes for a project like this
Employer working
Project Budget
$30 - $250 USD
Total Bids
15
Project Description

Modifying my current css file to be "RESPONSIVE DESIGN" for bigger (15" to 21") and smaller screens (iPad, and iPhone5)

Example:

Five CSS3 Media Query increments: 480, 600, 768, 992 and 1382px

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

What i am looking for is responsive design for website!!!!
articles and explanation of "RESPONSIVE DESIGN"
[url removed, login to view] "2 Column (Left Menu) Liquid Layout"
[url removed, login to view]
[url removed, login to view]

SCOPE:

Step 1 modifying existing css template to work with different screen size 2 Column (Left Menu) Liquid Layout (RESPONSIVE DESIGN) using existing DIV elements

Step 2 test changes on current [url removed, login to view] file

Step 4 sends me css file, images, and doc with instructions to add categories DIV elements
If needed update maybe add/change script in the header,body,footer

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online