It looks like you want to add an "About My Order" update section, possibly with a 3D-style footer and border for a mobile-friendly design. However, I still need more details or your current project files to make precise updates. For now, I'll provide a simple mobile-friendly HTML/CSS template with: - An "About My Order" section - A 3D-style footer - 3D borders You can integrate this into your project or let me know if you want it applied to your existing files. About My Order

About My Order

Your order is being processed! You will receive a notification once it is shipped.

Order Number: #123456

Status: Processing

Estimated Delivery: June 15, 2024

body { margin: 0; padding: 0; font-family: 'Segoe UI', Arial, sans-serif; background: #f2f2f2; min-height: 100vh; display: flex; flex-direction: column; } .container { flex: 1; display: flex; justify-content: center; align-items: center; } .about-order { background: linear-gradient(145deg, #ffffff 60%, #e0e0e0 100%); border-radius: 20px; box-shadow: 8px 8px 20px #bebebe, -8px -8px 20px #ffffff; padding: 2rem 1.5rem; width: 90vw; max-width: 400px; border: 4px solid #e0e0e0; border-bottom: 8px solid #bdbdbd; border-right: 8px solid #bdbdbd; margin-top: 2rem; } .about-order h1 { margin-top: 0; font-size: 1.7rem; color: #333; text-shadow: 1px 2px 0 #e0e0e0, 2px 4px 0 #bdbdbd; } .about-order p { color: #555; margin-bottom: 1.5rem; } .order-details { background: #f9f9f9; border-radius: 12px; box-shadow: 2px 2px 8px #e0e0e0, -2px -2px 8px #ffffff; padding: 1rem; border: 2px solid #e0e0e0; } .detail-row { display: flex; justify-content: space-between; margin-bottom: 0.7rem; font-size: 1.05rem; color: #444; } .detail-row:last-child { margin-bottom: 0; } .footer-3d { width: 100%; background: linear-gradient(90deg, #bdbdbd 0%, #e0e0e0 100%); box-shadow: 0 -6px 16px #bdbdbd, 0 2px 8px #ffffff inset; padding: 1.2rem 0; text-align: center; font-weight: bold; font-size: 1.1rem; color: #333; border-top-left-radius: 24px; border-top-right-radius: 24px; position: fixed; left: 0; bottom: 0; z-index: 10; } @media (max-width: 500px) { .about-order { padding: 1.2rem 0.7rem; width: 98vw; font-size: 0.98rem; } .footer-3d { font-size: 1rem; padding: 1rem 0; } }