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;