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 banner video #1

Open
wants to merge 1 commit into
base: Marvel_banner_video
Choose a base branch
from
Open

Conversation

zongzhun
Copy link
Owner

No description provided.

}
.col-1-2,.col-1-3,.col-1-4{
border: 1px solid red;
float: left;

Choose a reason for hiding this comment

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

floats 在目前前端已經非常少在使用了
可以改用 flexbox 作為網頁佈局的方式

Comment on lines +20 to +21
<a href="#!" class="nav-link">首頁</a>
</li>

Choose a reason for hiding this comment

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

如果連結是暫時的或未定的,建議使用 href="javascript:void(0);" 而不是 href="#!"。這樣可以防止頁面跳轉到頂部或出現未預期的行為

Comment on lines +14 to +21
<div id="navbar" class="navbar">
<a href="#!" class="brand">
<h1>漫威電影與劇集 | Disney+</h1>
</a>
<ul class="nav">
<li class="nav-item">
<a href="#!" class="nav-link">首頁</a>
</li>

Choose a reason for hiding this comment

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

改用 BEM 命名方式重構

  • brand -> navbar__brand
  • nav -> navbar__nav
  • nav-item -> navbar__item
  • nav-link -> navbar__link


<!-- Start jumbotron -->
<div class="jumbotron">
<div class="mask-dark"></div>

Choose a reason for hiding this comment

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

改用 BEM 命名 classname
mask-dark -> jumbotron__mask-dark

Comment on lines +76 to +81

abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}

Choose a reason for hiding this comment

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

這段在 normalize.css 也出現過了
需移掉

也需要檢查有沒有重複定義的 css 樣式

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