Skip to content
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

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Develop #4193

wants to merge 2 commits into from

Conversation

timossha
Copy link

Copy link

@volodymyr-soltys97 volodymyr-soltys97 left a 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"

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
Comment on lines 29 to 30
</a>
<nav class="nav">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
</a>
<nav class="nav">
</a>
<nav class="nav">

src/index.html Outdated
Comment on lines 31 to 34
<ul class="linkList">
<li>
<a id="firstLink" class="is-active navLink">Apple</a>
</li>

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

Suggested change
<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
Comment on lines 37 to 38
</li>
<li>

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

Suggested change
</li>
<li>
</li>
<li>

src/style.css Outdated
height: 60px;
}

header {

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;

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;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Default value

Suggested change
background-color: #fff;

src/style.css Outdated
justify-content: space-between;
align-items: center;
box-sizing: border-box;
font-family: Roboto, sans-serif;

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 {

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

Comment on lines +74 to +80
.nav__list > li {
margin-left: 20px;
}

.nav__list > li:first-child {
margin-left: 0;
}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
.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{

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
li:hover > a{
nav__link:hover{

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants