* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
3주차 과제 중인데
내용 입력하는 폼이랑 카드를 띄고 싶은데
어떻게 하면 되나요 ㅜ_ㅜ
보고 계신 화면 전체를 캡처
해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.
작성한 코드 및 에러 메세지
<!-- 부트스트랩 인풋 박스 적용-->
<div class="post" id="input-card">
<div class="form-floating mb-3">
<input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
<label for="floatingInput">음식 이미지 주소</label>
</div>
<div class="form-floating mb-3">
<input type="text" class="form-control" id="foodTitle" placeholder="영화 제목">
<label for="foodTitle">음식명</label>
</div>
<div class="input-group mb-3">
<button class="btn btn-outline-secondary" type="button">별점</button>
<select class="form-select" id="inputGroupSelect03" aria-label="Example select with button addon">
<option selected="">별점 선택</option>
<option value="1">⭐</option>
<option value="2">⭐⭐</option>
<option value="3">⭐⭐⭐</option>
<option value="4">⭐⭐⭐⭐</option>
<option value="5">⭐⭐⭐⭐⭐</option>
</select>
</div>
<div class="form-floating">
<textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea"></textarea>
<label for="floatingTextarea">추천 이유</label>
</div>
<div class="button2">
<button type="button" class="btn btn-danger" id="addBtn"> 기록하기 </button>
</div>
</div>
<div>
<div class="mycards">
<div class="row row-cols-1 row-cols-md-3 g-3">
<div class="col">
<div class="card">
<img src="https://www.crazyforcrust.com/wp-content/uploads/2024/05/Hawaiian-Pizza-Recipe-6-768x1152.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">하와이안 피자</h5>
<p class="card-text">⭐⭐⭐⭐</p>
<p class="card-text">파인애플 피자 좋아하시는 분</p>
<button type="button" class="btn btn-warning">주문하기</button>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://shop-phinf.pstatic.net/20240807_114/1723002803280gio8V_PNG/9229641812664026_444169751.png?type=f396" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">스톤크릭 커피</h5>
<p class="card-text">⭐⭐⭐⭐⭐</p>
<p class="card-text"> 최고의 커피를 주문해보세요</p>
<button type="button" class="btn btn-warning">주문하기</button>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://search.pstatic.net/common/?src=https%3A%2F%2Fldb-phinf.pstatic.net%2F20230918_210%2F1695000305050hNKSH_JPEG%2FKakaoTalk_20230918_101602577_03.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">바질크림파스타</h5>
<p class="card-text">⭐⭐⭐⭐⭐</p>
<p class="card-text"> 크림파스타먹고싶은사람?</p>
<button type="button" class="btn btn-warning">주문하기</button>
</div>
</div>
</div>
</div>
</div>
</div>
