Skip to content

Commit 490605e

Browse files
committed
Fix to flexbox
1 parent 17d7cf1 commit 490605e

File tree

4 files changed

+14
-9
lines changed

4 files changed

+14
-9
lines changed

bundle.js

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html><html><head><meta charset="utf-8"/><title>NCC: Nakano Computer Club</title><meta property="og:title" content="NCC: Nakano Computer Club"/><meta property="og:type" content="website"/><meta property="og:url" content="http://post-internet.github.io/"/><meta property="og:description" content="中野を中心に活動するコンピューティングサークル Nakano Computer Club (NCC) のWebサイトです。"/><meta property="og:author" content="Nakano Computer Club"/><meta name="viewport" content="width=device-width,initial-scale=1"/></head><body><nav class="m0 px1 sm-px3 flex flex-wrap justify-end"><p class="mx1 py1 nav-link"><a href="https://twitter.com/meiji_ncc">Twitter</a><span class="nav-link-bottom"></span></p><p class="mx1 py1 nav-link"><a href="http://ncc.hateblo.jp/">Blog</a><span class="nav-link-bottom"></span></p></nav><header class="py2 flex flex-wrap items-center"><div class="header-wrap clearfix flex-auto"><div class="sm-col md-col-8 right-align m2 md-m0"><h1 class="m0">Nakano<br class="md-hide lg-hide"> Computer Club</h1><p class="h3 mt1 mb1">NCC</p></div><div class="sm-col md-col-4"><p class="mx2"><img src="http://kauntah.herokuapp.com/counter?offset=0"></p></div></div></header><div class="px1 sm-px3 lg-px4 wrap"><section class="hook py2"><h2>コンピュータでなんかしてる人が自然と集まるサークル</h2></section><div class="contents clearfix"><section class="sm-col col-12 sm-col-6"><h2>NCCとは?</h2><p class="px1">NCCとはNakano Computer Clubの略で、2015年に設立されました。
1+
<!DOCTYPE html><html><head><meta charset="utf-8"/><title>NCC: Nakano Computer Club</title><meta property="og:title" content="NCC: Nakano Computer Club"/><meta property="og:type" content="website"/><meta property="og:url" content="http://post-internet.github.io/"/><meta property="og:description" content="中野を中心に活動するコンピューティングサークル Nakano Computer Club (NCC) のWebサイトです。"/><meta property="og:author" content="Nakano Computer Club"/><meta name="viewport" content="width=device-width,initial-scale=1"/></head><body><nav class="m0 px1 sm-px3 flex flex-wrap justify-end"><p class="mx1 py1 nav-link"><a href="https://twitter.com/meiji_ncc">Twitter</a><span class="nav-link-bottom"></span></p><p class="mx1 py1 nav-link"><a href="http://ncc.hateblo.jp/">Blog</a><span class="nav-link-bottom"></span></p></nav><header class="py2 flex flex-wrap items-center"><div class="md-flex flex-wrap items-center header-wrap"><div class="col-8 right-align mx-auto"><h1 class="m0">Nakano<br class="md-hide lg-hide"> Computer Club</h1><p class="h3 mt1 mb1">NCC</p></div><div class="col-4 mx-auto"><p class="mx2 xs-hide sm-hide"><img src="http://kauntah.herokuapp.com/counter?offset=0"></p><p class="mx2 md-hide lg-hide center"><img src="http://kauntah.herokuapp.com/counter?offset=0"></p></div></div></header><div class="px1 sm-px3 lg-px4 wrap"><section class="hook py2"><h2>コンピュータでなんかしてる人が自然と集まるサークル</h2></section><div class="contents clearfix"><section class="sm-col col-12 sm-col-6"><h2>NCCとは?</h2><p class="px1">NCCとはNakano Computer Clubの略で、2015年に設立されました。
22
何かを作ること自体そのものが目的ではなく、メンバーが躓いた時や何かを始めたい時、
33
すぐに詳しい人に出会える場の提供を目的にサークル運営を行っています。</p><p class="px1">そのため、サークルが個人に対して活動を強いることはありません。
44
基本的な活動はオンライン上のチャット(Slack)がメインですが、LT大会や合宿、

src/index.jade

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -15,12 +15,14 @@ html
1515
])
1616

1717
header.py2.flex.flex-wrap.items-center
18-
div.header-wrap.clearfix.flex-auto
19-
div.sm-col.md-col-8.right-align.m2.md-m0
20-
h1.m0 Nakano<br class="md-hide lg-hide"> Computer Club
18+
div.md-flex.flex-wrap.items-center.header-wrap
19+
div.col-8.right-align.mx-auto
20+
h1.m0 Nakano#[br.md-hide.lg-hide] Computer Club
2121
p.h3.mt1.mb1 NCC
22-
div.sm-col.md-col-4
23-
p.mx2
22+
div.col-4.mx-auto
23+
p.mx2.xs-hide.sm-hide
24+
img(src="http://kauntah.herokuapp.com/counter?offset=0")
25+
p.mx2.md-hide.lg-hide.center
2426
img(src="http://kauntah.herokuapp.com/counter?offset=0")
2527

2628
div.px1.sm-px3.lg-px4.wrap

src/style.pcss

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@
1313
@import 'basscss-border';
1414
@import 'basscss-hide';
1515

16-
@import 'basscss-addons/modules/responsive-margin';
17-
@import 'basscss-addons/modules/responsive-padding';
16+
/*@import 'basscss-addons/modules/responsive-margin';*/
17+
/*@import 'basscss-addons/modules/responsive-padding';*/
1818

1919
$black: #2F3448;
2020
$blue: #6699A6;
@@ -57,6 +57,9 @@ header {
5757
height: 28rem;
5858
background-color: $blue;
5959

60+
.header-wrap {
61+
width: 100%;
62+
}
6063
h1 {
6164
font-size: 3rem;
6265
}

0 commit comments

Comments
 (0)