e

<div class="card shadow-sm"> <!--이미지 들어가는 곳-->
    <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="자리 표시자: 썸네일" preserveAspectRatio="xMidYMid slice" focusable="false"><title>이미지</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">사진넣기</text></svg>

    <div class="card-body"> <!--설명 들어가는 곳-->
        <p class="card-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">이것은 추가 콘텐츠에 대한 자연스러운 소개로 아래에 지원 텍스트가 있는 더 넓은 카드입니다. </font><font style="vertical-align: inherit;">이 내용은 조금 더 깁니다.</font></font></p>
        <div class="d-flex justify-content-between align-items-center">

            <div class="btn-group"> <!--수정하기 , 삭제하기 -->
                <button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">수정하기</font></font></button>
                <button type="button" class="btn btn-sm btn-outline-secondary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">삭제하기</font></font></button>

            </div>
        </div>
    </div>
</div>

fsd