14 lines
1.0 KiB
HTML
14 lines
1.0 KiB
HTML
<section id="diff-wide" data-transition="fade" style="background:#F4F8FD;color:#10243F;font-family:'Noto Sans KR', sans-serif;padding:128px;display:flex;gap:80px;align-items:center">
|
|
<div style="width:760px;display:flex;flex-direction:column;gap:32px">
|
|
<p style="font-family:'JetBrains Mono', monospace;font-size:26px;color:#1565C0;font-weight:600">펼친 화면 · 변경 내용</p>
|
|
<h2 style="font-size:56px;font-weight:700;line-height:1.2">펼친 화면:<br>변경 전 · 후 좌우 비교</h2>
|
|
<ul style="font-size:26px;line-height:1.6;color:#3E5068;display:flex;flex-direction:column;gap:10px">
|
|
<li>PC 비교 도구 방식: 좌측 변경 전 / 우측 변경 후</li>
|
|
<li>삭제: 빨강 / 추가: 초록</li>
|
|
<li>코드 화면과 동일한 문법 강조</li>
|
|
</ul>
|
|
</div>
|
|
<img src="/_blob/c92d360ee4ff5d506d68b95062203bdc" alt="좌우 비교 변경 내용" style="width:824px;height:821px;object-fit:contain;border-radius:20px;border:2px solid #C9DCF2">
|
|
<aside>코드 리뷰 요청 시 PC 없이 변경 내용 확인 가능.</aside>
|
|
</section>
|