-
-
Notifications
You must be signed in to change notification settings - Fork 184
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
Hooli-style Popup by IrynaTsarenok #180
Conversation
Hey! Congratulations with your PR! 😎😎😎 Please, be sure you haven't followed common mistakes. Also, be aware, that if you would silently ignore this recommendation, a mentor may think that you are still working on fixes. And your PR will not be reviewed. 😒 |
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.
Awesome!
</head> | ||
<body> | ||
<header> | ||
<a href="#" class="header_link link focus_item"> |
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.
If you have a nested navigation use a nested list of links:
<nav>
<ul>
<li><a href="#">Link-1</a></li>
<li><a href="#">Link-2</a></li>
<li><a href="#">Link-3</a></li>
<li><ul>
<li><a href="#"></a>Link-1</li>
<li><a href="#"></a>Link-2</li>
<li><a href="#"></a>Link-3</li>
<li><a href="#"></a>Link-4</li>
</ul></li>
<li><a href="#">Link-5</a></li>
</ul>
</nav>
<div> | ||
<input type="checkbox" id="hooli" class="checkbox" /> | ||
<label for="hooli" class="popup_label"> | ||
<img src="pop_up_icons/popup-button.png" width="25" height="25" /> |
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.
Check your markup in the validator
<a href="#" class="popup_link link"> | ||
<img | ||
src="pop_up_icons/calendar.png" | ||
alt="Calendar" |
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.
Read how and when to populate alt attribute value Как правильно написать alt-текст
</a> | ||
</div> | ||
|
||
<div class="popup_div"> |
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.
</div> | ||
</div> | ||
|
||
<a><img src="pop_up_icons/bell.png" alt="" width="25" height="25" /></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.
With the missing href
attribute browser see this element like span
not like a link.
This issue has been automatically marked as stale because there were no activity during last 14 days. It will be closed in 7 days if no further activity occurs. Thank you for your contributions. А. Чому так? Б. Що робити, якщо в піарі нема оновлень, оскільки не зрозуміло, що треба зробити? В. А якщо я все зробив(ла) і це ментор не рев'юває мої зміни?
Г. Хіба недостатньо того, що я додав(ла) коміт із змінами? Традиційна пропозиція: задай питання по вищенаписаному в студентському чаті. |
HTML і CSS практика: Hooli-style Popup
Demo |
Code base
The code is submitted in a dedicated feature branch.
Only code files are submitted.
Please, review.