quick fix for ebay listing template (2017)

Closed Posted 7 years ago Paid on delivery
Closed Paid on delivery

Hey,

The task is to do quick fix for my partners listing. Its all html/css. Basicly text with few images.

The listing has to go through all the 8 requirments You can see here - http://www.i-ways.net/mobile-friendly/en-au//

(You can an enter any ebay item id and check it)

We have a problem with 4 of these - they need to be fixed.

Also, maybe some advice about h1,h2 .

Please add "4fixes" to Your request - just to confirm You have read this far.

Thanks.

4 Problems:

Content width

Content width is wider than viewport width ▾

Viewport width: 320 px, Content width: 708 px

Do not use large fixed width elements.

Content should not rely on a particular viewport width to render well.

Use CSS media queries to apply different styling for small and large screens.

Font size

Large portion of text is smaller than 12 px. ▾

Since viewport is not configured, fonts are not scaled as expected across various devices.85.71% of font-size settings are too small..

First, configure a viewport to make sure fonts will be scaled as expected across various devices. Once you've configured a viewport, implement the additional recommendations below.

Use a base font size of 16 CSS pixels. Adjust the size as needed based on properties of the font being used.

Use sizes relative to the base size to define the typographic scale.

Text needs vertical space between its characters and may need to be adjusted for each font. The general recommendation is to use the browser default line-height of 1.2em.

Restrict the number of fonts used and the typographic scale: too many fonts and font sizes lead to messy and overly complex page layouts.

CSS media queries

CSS media queries were not found on this page ▾

Apply media queries based on viewport size

Media queries enable us to create a responsive experience, where specific styles are applied to small screens, large screens and anywhere in between. The media query syntax allows for the creation of rules that can be applied depending on device characteristics.

@media (query) {

/* CSS Rules used when query matches */

}

Meta viewport

Meta viewport is not set ▾

- See more at: [login to view URL]

HTML PSD to HTML Website Design

Project ID: #11649146

About the project

9 proposals Remote project Active 7 years ago

9 freelancers are bidding on average $41 for this job

raoasghar

Hey here is Rao i love to work on your job please let me know further details so that i can start this job asap. thanks

$50 USD in 1 day
(363 Reviews)
7.9
octaservices

Hello, I have analysed your job posted on freelancer and I’m interested to do your project as I have 6 years of experience in “Web Development and PHP”, So, I think that I have all the skills you’re looking for. Ki More

$30 USD in 4 days
(100 Reviews)
6.3
Irinkes

4fixes Hi! My name is Irina. I have a wide experience in CSS coding. I would be glad to help you with your project. My skype: soup_is_soup Thanks, Irina

$25 USD in 1 day
(0 Reviews)
0.0