Edit CSS file (detailed instructions included)
- or -
Post a project like this1695
£80(approx. $100)
- Posted:
- Proposals: 15
- Remote
- #2503701
- Awarded
Description
Experience Level: Intermediate
Estimated project duration: 1 day or less
The task is to deliver a new "application.css" file with the following 2 differences from the current file:
1) It should contain only the styles needed by the page (i.e. be much smaller).
2) The following tags in the "application.css" file should be changed to the "new" version (see below)
Applications CSS file tags:
html {
font-size:
62.5%;
font-family:
sans-serif
}
body {
font-size:
16px;
min-width:
320px
}
-----
NEW VERSION - with the 'html' tag shown being removed.
body {
font-family:
sans-serif;
font-size:
16px;
min-width:
320px
}
This has the affect that the font-size on the base html tag becomes a default 16px instead of 10px - and all styles defined relative to this, such as:
.main-navigation__nav-item--footer {
font-size:
1.4rem;
line-height:
1.625;
margin-bottom:
20px
}
must be adjusted to give the same resulting styles as today.
To do this we multiple the number by 0.625. In this example giving us 1.4 x 0.625 = 0.875rem.
A successful task will result in us replacing the current application.css with the new reduced one and the web page will look the same as now, including it responsiveness.
1) It should contain only the styles needed by the page (i.e. be much smaller).
2) The following tags in the "application.css" file should be changed to the "new" version (see below)
Applications CSS file tags:
html {
font-size:
62.5%;
font-family:
sans-serif
}
body {
font-size:
16px;
min-width:
320px
}
-----
NEW VERSION - with the 'html' tag shown being removed.
body {
font-family:
sans-serif;
font-size:
16px;
min-width:
320px
}
This has the affect that the font-size on the base html tag becomes a default 16px instead of 10px - and all styles defined relative to this, such as:
.main-navigation__nav-item--footer {
font-size:
1.4rem;
line-height:
1.625;
margin-bottom:
20px
}
must be adjusted to give the same resulting styles as today.
To do this we multiple the number by 0.625. In this example giving us 1.4 x 0.625 = 0.875rem.
A successful task will result in us replacing the current application.css with the new reduced one and the web page will look the same as now, including it responsiveness.
Projects Completed
9
Freelancers worked with
5
Projects awarded
50%
Last project
8 Jan 2020
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies