kyeongmin
05703c8e72
- hero-icon-cards_1.html: hero-icon-cards 변형 (icon → 소제목+불릿 계층) - compare-detail-gradient.html: 하단 2열 비교 블록 (Figma Frame 4 기반) - 오답노트.md: 절대 하지 말아야 하는 실수 목록 - figma_to_html.py: Figma→HTML 변환 스크립트 - static/figma-assets/: Figma export 이미지 (배지, 화살표) - 주의: compare-detail-gradient CSS 폰트 크기가 임의 수정됨 — 원본 복원 필요 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
26 lines
713 B
HTML
26 lines
713 B
HTML
<!-- 이미지 플레이스홀더: 이미지 슬롯만 있는 프레임 -->
|
|
<!--
|
|
📋 image-placeholder
|
|
─────────────────
|
|
용도: 이미지만 배치되는 프레임 (텍스트 없음)
|
|
슬롯: src (이미지 경로), alt (대체 텍스트), width, height
|
|
Figma 원본: Frame 1171276071 (949x275, 이미지만)
|
|
-->
|
|
<div class="block-img-ph">
|
|
<img src="{{ src }}" alt="{{ alt | default('') }}" style="width:100%;height:100%;object-fit:contain;">
|
|
</div>
|
|
|
|
<style>
|
|
.block-img-ph {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #f0f0f0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.block-img-ph img {
|
|
border-radius: var(--radius, 6px);
|
|
}
|
|
</style>
|