Sitemap

Popular Tutorials

/* ========================================================= EDGE TO EDGE 20PX MARGIN & SECTION SPACING OVERRIDES ========================================================= */ .header-container, .hero-section, .main-grid, .footer-container { max-width: 100% !important; margin-left: 20px !important; margin-right: 20px !important; width: auto !important; box-sizing: border-box !important; } #header-wrapper { position: sticky !important; top: 0 !important; z-index: 1000 !important; background: var(--glass-bg) !important; backdrop-filter: blur(12px) !important; border-bottom: 1px solid var(--border) !important; } .header-container { height: 72px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; padding: 0 !important; } .hero-section { margin-top: 32px !important; margin-bottom: 44px !important; padding: 40px 36px !important; border-radius: var(--radius-lg, 16px) !important; border: 1px solid var(--border) !important; } .main-grid { margin-top: 36px !important; margin-bottom: 56px !important; display: grid !important; grid-template-columns: 1fr 340px !important; gap: 36px !important; align-items: start !important; } @media (max-width: 991px) { .main-grid { grid-template-columns: 1fr !important; gap: 32px !important; } .hero-section { padding: 24px 20px !important; margin-top: 20px !important; margin-bottom: 32px !important; } } @media (max-width: 600px) { .header-container, .hero-section, .main-grid, .footer-container { margin-left: 16px !important; margin-right: 16px !important; } } .site-footer { margin-top: 64px !important; padding-top: 52px !important; padding-bottom: 36px !important; border-top: 1px solid var(--border) !important; background: var(--surface) !important; } /* BRAND LOGO STYLING & HIGH-VISIBILITY ENHANCEMENTS */ .nav-logo { display: flex !important; align-items: center !important; gap: 12px !important; text-decoration: none !important; } .logo-icon-nav { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; border-radius: 12px !important; background: linear-gradient(135deg, #1565FF 0%, #0040C8 100%) !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 14px rgba(21, 101, 255, 0.25) !important; overflow: hidden !important; padding: 3px !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; box-sizing: border-box !important; } .logo-icon-nav img, .logo-icon-nav svg { width: 100% !important; height: 100% !important; object-fit: contain !important; border-radius: 9px !important; display: block !important; } .logo-text-col { display: flex !important; flex-direction: column !important; justify-content: center !important; } .logo-text-nav { font-size: 20px !important; font-weight: 900 !important; color: var(--text-primary) !important; line-height: 1.15 !important; letter-spacing: -0.03em !important; } .logo-subtitle-nav { font-size: 10.5px !important; font-weight: 700 !important; color: var(--text-secondary) !important; line-height: 1.15 !important; margin-top: 1px !important; }

Support PalCoder

If you find our tutorials helpful, consider supporting our work!

Buy Me a Coffee Patreon