-
Notifications
You must be signed in to change notification settings - Fork 5.1k
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
Develop #4193
base: master
Are you sure you want to change the base?
Develop #4193
Conversation
timossha
commented
Nov 30, 2023
- 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.
Good job 👍
Let's improve your code
Also add a cursor: pointer
for links
src/index.html
Outdated
<h1>Moyo header</h1> | ||
<header class="header"> | ||
<a class="logoLink" href="index.html"> | ||
<img class="logo" src="https://s3-alpha-sig.figma.com/img/833f/9aab/47d660efd384318772b6b8040db831aa?Expires=1702252800&Signature=SaF7YW0H7Sok3Ym~DTrBU7ICffnIqRz85sOzyK5yhUxkE3UQ7SZVMqgwJzD7mdtcXPnACi7Ud-B6xHi8GNoLdzYQcKpuN4FSzrfnAW-HFEtzHrr8llePYN-4UVeqlsxGrWvAs4EmLpOGsCinSSqxoEUfy-jmuU3cRmGQH31GOeuBGQbY33Kv1udxQyCOd00xIqkEwSSPhItWv-Ihi0IHbMzH61-wKa1DabtMzHARFKwpbi-ULMUdDjVRxEl4E32z92yZqtRoguXwEVaTgr4GNGJ5UKwjJSJ5NNv3Qv0mwjGoFRAq67O7YmIO28GekphRU5W6kzgVJhd4HUe1Ul3zLg__&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4" |
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.
Use src from images folder
src/index.html
Outdated
</a> | ||
<nav class="nav"> |
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.
</a> | |
<nav class="nav"> | |
</a> | |
<nav class="nav"> |
src/index.html
Outdated
<ul class="linkList"> | ||
<li> | ||
<a id="firstLink" class="is-active navLink">Apple</a> | ||
</li> |
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.
Need to fix it everywhere
<ul class="linkList"> | |
<li> | |
<a id="firstLink" class="is-active navLink">Apple</a> | |
</li> | |
<ul class="nav__list"> | |
<li class="nav__item"> | |
<a class="is-active nav__link">Apple</a> | |
</li> |
src/index.html
Outdated
</li> | ||
<li> |
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 a blank line between the links
</li> | |
<li> | |
</li> | |
<li> |
src/style.css
Outdated
height: 60px; | ||
} | ||
|
||
header { |
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.
Use classes selector here
src/style.css
Outdated
padding: 0 50px; | ||
justify-content: space-between; | ||
align-items: center; | ||
box-sizing: border-box; |
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.
Move box-sizing to the * selector
src/style.css
Outdated
} | ||
|
||
header { | ||
background-color: #fff; |
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.
Default value
background-color: #fff; |
src/style.css
Outdated
justify-content: space-between; | ||
align-items: center; | ||
box-sizing: border-box; | ||
font-family: Roboto, sans-serif; |
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.
Move font-family to the html selector
src/style.css
Outdated
} | ||
|
||
|
||
li { |
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.
Use a classes selector everywhere
.nav__list > li { | ||
margin-left: 20px; | ||
} | ||
|
||
.nav__list > li:first-child { | ||
margin-left: 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.
.nav__list > li { | |
margin-left: 20px; | |
} | |
.nav__list > li:first-child { | |
margin-left: 0; | |
} | |
.nav__item { | |
margin-left: 20px; | |
} | |
.nav__item:first-child { | |
margin-left: 0; | |
} |
color: var(--link-color); | ||
} | ||
|
||
li:hover > 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.
li:hover > a{ | |
nav__link:hover{ |