diff --git a/frontend/src/components/ArticleBoard/ArticleBoard.jsx b/frontend/src/components/ArticleBoard/ArticleBoard.jsx new file mode 100644 index 0000000..a1194bc --- /dev/null +++ b/frontend/src/components/ArticleBoard/ArticleBoard.jsx @@ -0,0 +1,19 @@ +import { ArticleLink } from '../ArticleLink'; +import styles from './ArticleBoard.module.css'; + +export default function ArticleBoard() { + return ( +
+
공지사항
+
+ + + + + + + +
+
+ ); +} diff --git a/frontend/src/components/ArticleBoard/ArticleBoard.module.css b/frontend/src/components/ArticleBoard/ArticleBoard.module.css new file mode 100644 index 0000000..4ac9479 --- /dev/null +++ b/frontend/src/components/ArticleBoard/ArticleBoard.module.css @@ -0,0 +1,23 @@ +.articleBoard { + width: 920px; + display: flex; + flex-direction: column; + gap: 24px; + align-items: flex-start; +} + +.title { + width: 820px; + box-sizing: border-box; + padding: 0 20px; + font-size: 32px; + line-height: 1.2; + font-weight: 900; +} + +.article { + display: flex; + flex-direction: column; + width: 100%; + gap: 12px; +} diff --git a/frontend/src/components/ArticleBoard/index.js b/frontend/src/components/ArticleBoard/index.js new file mode 100644 index 0000000..4593a95 --- /dev/null +++ b/frontend/src/components/ArticleBoard/index.js @@ -0,0 +1 @@ +export { default as ArticleBoard } from './ArticleBoard'; diff --git a/frontend/src/components/ArticleLink/ArticleLink.module.css b/frontend/src/components/ArticleLink/ArticleLink.module.css index d325528..06ed0ec 100644 --- a/frontend/src/components/ArticleLink/ArticleLink.module.css +++ b/frontend/src/components/ArticleLink/ArticleLink.module.css @@ -1,6 +1,6 @@ .articleLink { border-radius: 8px; - width: 820px; + width: 100%; display: flex; justify-content: space-between; box-sizing: border-box;