스타일링

App.js

import "./App.css";
import { useState } from "react";

const App = () => {

return (

<div className="app-style">
  <div className="component-style">감자</div>
  <div className="component-style">고구마</div>
  <div className="component-style">오이</div>
  <div className="component-style">가지</div>
  <div className="component-style">옥수수</div>
</div>

);
};

export default App;

=======================================================

App.css

.app-style {
padding: 100px;
display: flex;
gap: 12px;
}

.component-style {
width: 100px;
height: 100px;
border: 1px solid green;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
}