justgoodcuber/web-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Format product descriptions to properly display bullet points and styling

Browse Source 
Update `rubiks-cube-socks.html` to use HTML tags for product descriptions, and `styles.css` to add CSS rules for `p`, `h3`, `ul`, and `li` elements within the `.product-description` class to ensure proper rendering of bullet points and text styling.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: f5797e65-2210-4d2e-bf70-278d8a0098c1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 8a4250cf-424f-4911-8fb9-041eb6a44f92
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/2a2c58da-54a0-4c86-8ad0-3b93439f70de/f5797e65-2210-4d2e-bf70-278d8a0098c1/IEMXGsm
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
Replit Agent
2026-07-05 21:00:28 +00:00
parent 891678ace2
commit 752457032f
2 changed files with 30 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
styles.css
View File

@@ -223,6 +223,18 @@ section {
font-size:1rem; line-height:1.75; color:rgba(26,24,21,0.68);
min-height:2rem; margin-bottom:2rem;
}
.product-description p { margin:0 0 1.1rem; }
.product-description p:last-child { margin-bottom:0; }
.product-description h3 {
font-size:1rem; font-weight:700; color:var(--ink,#1a1815);
margin:1.6rem 0 0.7rem; text-transform:uppercase; letter-spacing:0.03em;
}
.product-description ul {
list-style:disc; margin:0 0 1.1rem; padding-left:1.4rem;
}
.product-description li { margin-bottom:0.4rem; }
.product-description li:last-child { margin-bottom:0; }
.product-description strong { color:var(--ink,#1a1815); font-weight:700; }
.product-info .btn-primary { align-self:flex-start; }
/* ── ABOUT ── */