Completed

Make table mobile-friendly

I have a single webpage with a html table, which I would like to make mobile friendly. This should be accomplished by modifying the accompanying CSS file.

The current layout is

head1 head2 head3 ....

A1 A2 A3 ....

B1 B2 B3

The goal is to modify the CSS such that on small screens, the layout switches to:

head1 A1

head2 A2

head3 A3

...

head1 B1

head2 B2

head3 B3

...

The resulting CSS file should not contain the table headers.

Attached are the following files:

[login to view URL]: the page which should be displayed, both in regular and mobile view.

[login to view URL]: jinja2 template from which the page is created

[login to view URL]: CSS file for the regular view table

[login to view URL]: JavaScript that powers the search box

The solution should not contain a reference to a CSS file which has to be downloaded from an external site.

Ideally, the solution should build on the example on [login to view URL] for a responsive table.

My guess is that a skilled CSS developer should not have more than 30 minutes to 1 hour on this.

Skills: CSS

See more: make site mobile friendly, make website mobile friendly, make website mobile friendly free, how to make website mobile friendly css, how to make website mobile friendly, how to make images mobile friendly on wordpress, how to make website mobile friendly wordpress, how to make website mobile friendly html, how to make blogger mobile friendly, how to make website mobile friendly bootstrap, software to make website mobile friendly, how to make emails mobile friendly, make website mobile friendly dreamweaver, how to make magento mobile friendly, how to make a table mobile friendly, plugin to make website mobile friendly, how to make images mobile friendly, how to make blog mobile friendly, make pdf mobile friendly online

About the Employer:
( 0 reviews ) Meilen, Switzerland

Project ID: #30194212

Awarded to:

phuocho

Hello There, I checked your description and check your files attached for table css . I will help you fix it so it can display as you want : head1 A1 head2 A2 head3 A3 ... head1 B1 head2 B2 head3 B3 Please chat so we More

$10 USD in 1 day
(12 Reviews)
3.6

3 freelancers are bidding on average $20 for this job

agrajyadav

Hi, I can do it 30minutes but first award me the project. I am front end web developer with experience of over 3 years. I have good experience in : HTML5 CSS3 Bootstrap 4 Javascript Photoshop I have experience working More

$30 USD in 1 day
(87 Reviews)
5.9
verma979755

i am website designer html bootstrap word press,. I am looking for experienced of all types of websites designers that they will work completing quality projects on time , with professional altitude , team players and More

$20 USD in 1 day
(2 Reviews)
0.8