Serge It! Tablet Zipper Case Pattern
.serge-it-tablet-zipper-case { --bg: #ffffff; --text: #1f2937; --muted: #6b7280; --border: #e5e7eb; --soft: #f8fafc; --accent: #0f766e; --accent-soft: #ecfeff; --shadow: 0 12px 32p x rgba(0, 0, 0, 0.08); --radius: 20px; max-width: 1200px; margin: 0 auto; padding: 24px; background: var(--bg); color: var(--text); font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; } .serge-it-tablet-zipper-case * { box-sizing: border-box; } .serge-it-tablet-zipper-case .hero { display: grid; grid-template-columns: 1.05fr 1fr; gap: 28px; align-items: center; margin-bottom: 28px; } .serge-it-tablet-zipper-case .media-card, .serge-it-tablet-zipper-case .content-card, .serge-it-tablet-zipper-case .info-card, .serge-it-tablet-zipper-case .gallery-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); } .serge-it-tablet-zipper-case .media-card { padding: 18px; overflow: hidden; background: linear-gradient(180deg, #ffffff 0%, #f4fbfb 100%); } .serge-it-tablet-zipper-case .main-image { width: 100%; display: block; border-radius: 16px; aspect-ratio: 1 / 1; object-fit: cover; background: var(--soft); } .serge-it-tablet-zipper-case .content-card { padding: 30px; } .serge-it-tablet-zipper-case .eyebrow { display: inline-block; margin-bottom: 12px; padding: 7px 12px; border-radius: 999px; background: var(--accent-soft); color: var(--accent); font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .serge-it-tablet-zipper-case h1 { margin: 0 0 12px; font-size: clamp(28px, 4vw, 44px); line-height: 1.08; color: #111827; } .serge-it-tablet-zipper-case .subtitle { margin: 0 0 18px; font-size: 17px; line-height: 1.7; color: var(--muted); } .serge-it-tablet-zipper-case .sku { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; margin-bottom: 22px; border-radius: 999px; background: var(--soft); border: 1px solid var(--border); font-size: 14px; font-weight: 700; } .serge-it-tablet-zipper-case .intro { margin: 0 0 22px; font-size: 16px; line-height: 1.8; } .serge-it-tablet-zipper-case .highlight-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } .serge-it-tablet-zipper-case .highlight-grid li { padding: 14px 16px; border: 1px solid var(--border); border-radius: 14px; background: linear-gradient(180deg, #ffffff 0%, #f4fbfb 100%); font-size: 15px; line-height: 1.6; } .serge-it-tablet-zipper-case .section-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-bottom: 28px; } .serge-it-tablet-zipper-case .info-card { padding: 24px; } .serge-it-tablet-zipper-case h2 { margin: 0 0 14px; font-size: 22px; line-height: 1.2; color: #111827; } .serge-it-tablet-zipper-case p, .serge-it-tablet-zipper-case li { font-size: 15px; line-height: 1.75; } .serge-it-tablet-zipper-case ul.clean-list { margin: 0; padding-left: 18px; } .serge-it-tablet-zipper-case .specs { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; } .serge-it-tablet-zipper-case .specs li { padding: 12px 14px; border-radius: 12px; border: 1px solid var(--border); background: var(--soft); } .serge-it-tablet-zipper-case .gallery-card { padding: 20px; } .serge-it-tablet-zipper-case .gallery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .serge-it-tablet-zipper-case .gallery-grid img { width: 100%; display: block; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 14px; border: 1px solid var(--border); background: var(--soft); } .serge-it-tablet-zipper-case .note { margin-top: 16px; padding: 14px 16px; border-radius: 14px; background: #f0fdfa; border: 1px solid #99f6e4; font-size: 14px; line-height: 1.7; } @media (max-width: 920px) { .serge-it-tablet-zipper-case .hero, .serge-it-tablet-zipper-case .section-grid { grid-template-columns: 1fr; } .serge-it-tablet-zipper-case .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .serge-it-tablet-zipper-case { padding: 16px; } .serge-it-tablet-zipper-case .content-card, .serge-it-tablet-zipper-case .info-card, .serge-it-tablet-zipper-case .media-card, .serge-it-tablet-zipper-case .gallery-card { padding: 16px; } .serge-it-tablet-zipper-case .highlight-grid, .serge-it-tablet-zipper-case .gallery-grid { grid-template-columns: 1fr; } .serge-it-tablet-zipper-case h1 { font-size: 30px; } } Serger Pattern Serge It! Tablet Zipper Case Pattern A sleek and stylish serger project pattern for creating a protective zipper case sized for an iPad or tablet. Item Number: GP005 The Serge It! Tablet Zipper Case Pattern is a creative project for makers who want to showcase decorative serger stitching while making a practical everyday accessory. The center front panel acts as a blank slate, giving you room to highlight your favorite stitch combinations and serger techniques in a polished finished case. Designed to fit tablets and iPads in a slim zippered case Front panel becomes your design space for stitch creativity Includes overlock and cover/chainstitch options Finished size: 8.5" x 12.5" Why You’ll Love It Combines decorative serger techniques with useful everyday function Lets you personalize the front with your own stitch style Creates a protective case with a clean, modern finish Great for serger owners who want a fun, skill-building project Featured Details Pattern includes options for overlock mode Also includes options for cover and chainstitch modes Ideal for decorative stitching and serger embellishment Finished case has a neat zippered closure for everyday use Product Specifications Product Name: Serge It! Tablet Zipper Case Pattern Item Number: GP005 Brand: Gail Patrice Design Category: Serger Pattern Finished Dimensions: 8.5" x 12.5" Unit of Measure: Each Best Uses This pattern is perfect for creating a custom tablet sleeve, practicing decorative serger stitches, and making a giftable handmade accessory. It is a great choice for sewists who enjoy practical projects with plenty of room for creative stitch detail. Creative Possibilities Use bold thread colors to highlight coverstitch or chainstitch detail Create a one-of-a-kind front panel with your favorite stitch combinations Choose fabrics that match your personal style or tablet setup Make additional cases as thoughtful gifts for tech-loving sewists Who It’s For This pattern is ideal for serger users who want a project that is both functional and creative. It is especially appealing to makers who enjoy decorative stitching, small accessory projects, and patterns that let their machine techniques stand out.