1カラムレイアウト

Lismで1カラムページの全体レイアウトを組む場合の例を紹介します。

↓

コード

<body>
  <Stack id='wrap' minH='100vh'>
    <_Header_ />
    <Box tag='main' py='60' flexItem={{ fx: 1 }}>
      <Container size='m' hasGutter isFlow>
        <_Content_ />
      </Container>
    </Box>
    <_Footer_ />
  </Stack>
</body>

↓

プレビュー

大きい画面で見る