-
Notifications
You must be signed in to change notification settings - Fork 506
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
solution added #694
base: master
Are you sure you want to change the base?
solution added #694
Conversation
TimurHrynenko
commented
Mar 22, 2021
- DEMO LINK
- TEST REPORT LINK
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Some fixes required
src/index.html
Outdated
<h1>Universal Declaration of Human Rights</h1> | ||
<h2>Preamble</h2> | ||
<p> | ||
Whereas recognition of the inherent dignity and of the equal and inalienable rights of all members of the human family is the foundation of freedom, justice and peace in the world, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
You should manually keep lines length less than 80 symbols, so the text can be read without horizontal scroll.
Fix it here and through the document, make it like at lines 44-48
src/style.css
Outdated
h1 { | ||
font-size: 17px; | ||
font-weight: bold; | ||
} | ||
|
||
h2 { | ||
font-size: 15px; | ||
font-weight: normal; | ||
padding: 1em 0; | ||
} | ||
|
||
a { | ||
color: green; | ||
} | ||
|
||
h1, | ||
a, | ||
h2, | ||
p, | ||
ol, | ||
li { | ||
margin: 0; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Add styles to classes, not to tags.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Not all text has been formatted for 80 max length, but let's move to the next tasks.
<a class="link" | ||
href="https://www.ohchr.org/EN/UDHR/Documents/UDHR_Translations/eng.pdf" | ||
> | ||
Articles 17 to 30 | ||
</a> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Tag and attributes in this case should be on separate lines.
<a class="link" | |
href="https://www.ohchr.org/EN/UDHR/Documents/UDHR_Translations/eng.pdf" | |
> | |
Articles 17 to 30 | |
</a> | |
<a | |
class="link" | |
href="https://www.ohchr.org/EN/UDHR/Documents/UDHR_Translations/eng.pdf" | |
> | |
Articles 17 to 30 | |
</a> |