카드블록 옆면에 리본 패턴 만드는 방법

Question

아래 스크린샷에 따르면 '완료' 상태의 블록을 추가하는 데 도움이 필요합니다.

샘플 스크린샷을 보려면 클릭하세요

현재는 다음 구성을 가진 div입니다.

<div style="display:flex; flex-direction:column; align-items: center; justify-content: center; ">
                    <img src="./PCIBT - Pacific Coast Institute of Business &amp; Technology_files/marketing_essentials.jpg "><a href="# ">마케팅 필수사항</a>
                    <img src="./PCIBT - Pacific Coast Institute of Business &amp; Technology_files/human_resource_tile_pic.jpg "><a href="# ">인적 자원 관리</a>
                    <img src="./PCIBT - Pacific Coast Institute of Business &amp; Technology_files/pm_fundamentals.jpg "><a href="# ">프로젝트 관리 기초</a>
                </div>

Answer 1

완벽하지는 않지만 카드에서 수행되는 방법은 다음과 같습니다. position: absolute활을 카드에서 원하는 위치에 배치할 수 있는 활입니다.

으아악 으아악