github pages:https://rochelwang1205.github.io/sweetie/
github repo:https://github.com/rochelwang1205/sweetie
在平板及手機頁面,選單佔滿版:
//_index.scss
.navbar10 {
display: flex;
flex-direction: column;
width: 50%;
margin-right: 10px;
@include padS{
width: 100%;
margin: 0;
margin-bottom: 30px;
}
a {
border: 1px solid #e7eeea;
padding: 16px 48px;
&.active {
background-color: #e7eeea;
}
}
💡分享:近期六角學院分享20份可商用得設計稿(真的太佛了),附上文章連結:https://www.facebook.com/hexschool/posts/pfbid02cDLUBSiErvbdgw9HtqeKWQpgCLWZEY8dvPtjq53VU6Amc9ayoxPGpvg7K9BFpyZZl(內含設計稿網址),分享給大家~
參考資料:
以上實作僅根據此系列提到的部分進行練習,細節沒有完全符合設計稿。請斟酌參考。