Format product descriptions to properly display bullet points and styling

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

View File

@@ -87,27 +87,29 @@
<div class="section-label">Rubik's Cube Socks</div> <div class="section-label">Rubik's Cube Socks</div>
<h1 class="product-title">Rubik's Cube Socks</h1> <h1 class="product-title">Rubik's Cube Socks</h1>
<div class="product-price" id="productPrice">$13.67</div> <div class="product-price" id="productPrice">$13.67</div>
<div class="product-description" id="productDescription">Bring speedcubing style to every step with these comfortable **Speedcuber Socks**, designed for competitive cubers, cube solvers, and puzzle enthusiasts. Featuring a vibrant cubing-inspired sublimated print, these **speedcubing socks** are a fun way to represent your passion for solving cubes wherever you go. <div class="product-description" id="productDescription">
<p>Bring speedcubing style to every step with these comfortable <strong>Speedcuber Socks</strong>, designed for competitive cubers, cube solvers, and puzzle enthusiasts. Featuring a vibrant cubing-inspired sublimated print, these <strong>speedcubing socks</strong> are a fun way to represent your passion for solving cubes wherever you go.</p>
Whether you're attending a speedcubing competition, practicing algorithms at home, hanging out with fellow cubers, or looking for a unique addition to your everyday outfit, these **Speedcuber Socks** combine comfort with bold cubing style. The cushioned bottoms provide added comfort, while the stretchy polyester and spandex blend creates a flexible unisex fit. <p>Whether you're attending a speedcubing competition, practicing algorithms at home, hanging out with fellow cubers, or looking for a unique addition to your everyday outfit, these <strong>Speedcuber Socks</strong> combine comfort with bold cubing style. The cushioned bottoms provide added comfort, while the stretchy polyester and spandex blend creates a flexible unisex fit.</p>
Looking for a unique **gift for a speedcuber**? These cubing socks make a great gift for competitive speedcubers, cube enthusiasts, puzzle lovers, and anyone constantly chasing their next personal best. Available in three sizes, they're perfect for cubers who want to show off their love for speedcubing from head to toe. <p>Looking for a unique <strong>gift for a speedcuber</strong>? These cubing socks make a great gift for competitive speedcubers, cube enthusiasts, puzzle lovers, and anyone constantly chasing their next personal best. Available in three sizes, they're perfect for cubers who want to show off their love for speedcubing from head to toe.</p>
**Product Features** <h3>Product Features</h3>
<ul>
<li>95% polyester and 5% spandex for a comfortable, flexible fit</li>
<li>Vibrant sublimated speedcubing-inspired print</li>
<li>Available in three different sizes</li>
<li>Unisex regular fit</li>
<li>Ribbed tube construction</li>
<li>Cushioned bottoms for added everyday comfort</li>
<li>Perfect for speedcubing competitions, cubing practice, and casual wear</li>
</ul>
* 95% polyester and 5% spandex for a comfortable, flexible fit <h3>Please Note</h3>
* Vibrant sublimated speedcubing-inspired print <p>These socks are printed using a flat sublimation method. Slight color discrepancies may be visible along the side seams, particularly with darker designs.</p>
* Available in three different sizes
* Unisex regular fit
* Ribbed tube construction
* Cushioned bottoms for added everyday comfort
* Perfect for speedcubing competitions, cubing practice, and casual wear
**Please Note** <p>Whether you're solving at home, competing for a new personal best, or searching for the perfect <strong>speedcubing gift</strong>, these <strong>Speedcuber Socks</strong> add cubing culture and personality to every outfit.</p>
These socks are printed using a flat sublimation method. Slight color discrepancies may be visible along the side seams, particularly with darker designs. </div>
Whether you're solving at home, competing for a new personal best, or searching for the perfect **speedcubing gift**, these **Speedcuber Socks** add cubing culture and personality to every outfit.
</div>
<a href="https://shop.justgoodcuber.com/products" target="_blank" rel="noopener" class="btn-primary">Buy on the Store ↗</a> <a href="https://shop.justgoodcuber.com/products" target="_blank" rel="noopener" class="btn-primary">Buy on the Store ↗</a>
</div> </div>
</div> </div>

View File

@@ -223,6 +223,18 @@ section {
font-size:1rem; line-height:1.75; color:rgba(26,24,21,0.68); font-size:1rem; line-height:1.75; color:rgba(26,24,21,0.68);
min-height:2rem; margin-bottom:2rem; 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; } .product-info .btn-primary { align-self:flex-start; }
/* ── ABOUT ── */ /* ── ABOUT ── */