exploralearn.com VS.

atozworksheet.com

.media-wrapper { display: flex; flex-direction: column; align-items: center; gap: 30px; padding: 20px 10px; } .video-container { position: relative; width: 100%; max-width: 800px; height: 450px; overflow: hidden; border-radius: 10px; border: 2px solid #ddd; box-shadow: 0 4px 12px rgba(0,0,0,0.15); background: black; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 10px; } .images { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 20px; } .images img { width: 48%; border-radius: 5px; border: 1px solid #ddd; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } @media (max-width: 768px) { .video-container { height: 250px; } .images img { width: 100%; } } .seo-content { padding: 20px; font-family: Arial, sans-serif; max-width: 900px; margin: 40px auto; line-height: 1.6; color: #333; } .seo-content h2, .seo-content h3 { color: #2a5885; margin-top: 25px; } .seo-content ul { padding-left: 20px; margin-top: 10px; } .seo-content p { margin-top: 15px; } .seo-content a { color: #2a5885; text-decoration: none; }