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

add task solution #4902

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

add task solution #4902

wants to merge 2 commits into from

Conversation

mhryvko
Copy link

@mhryvko mhryvko commented Apr 29, 2024

[x]Header height is set in 1 place (for the links)
[x] Content is vertically centered (for any header height)
[x]CSS is used to show all letters in Uppercase (don't type them in HTML)
[x] Logo is an image wrapped with a link
[x]CSS Variable is used for a blue color
[x]Pseudo-element is used for a blue line below the active link
[x] Code follows all the Code Style Rules ❗️

Copy link

@roman-mirzoian roman-mirzoian 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, but pay attention to this comment.

font-family: Roboto, sans-serif;
background-color: azure;
font-weight: 500;
font-style: normal;

Choose a reason for hiding this comment

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

This is the default value, you don't need to specify it.

src/style.css Outdated
display: flex;
}

.nav-list li {

Choose a reason for hiding this comment

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

Don't use tag names for styling (except html and body) , better use classes.

image

src/style.css Outdated
Comment on lines 58 to 62
color: #00acdc;
}

.nav-link:hover {
color: #00acdc;

Choose a reason for hiding this comment

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

For the same properties it is better to use variables.
Fix it in all code.

@mhryvko mhryvko requested a review from roman-mirzoian April 30, 2024 13:35
Copy link

@roman-mirzoian roman-mirzoian left a comment

Choose a reason for hiding this comment

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

Well done, and please pay attention to this comments.

>
<img
src="images/logo.png"
alt="logo"

Choose a reason for hiding this comment

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

For logos, use the format: "[Organization name] logo."

image

font-family: Roboto, sans-serif;
background-color: azure;
font-weight: 500;
font-style: normal;

Choose a reason for hiding this comment

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

Suggested change
font-style: normal;

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.

2 participants