       <div class="alert alert-info mb-6">
                <strong>üéØ What Responsive Columns Do:</strong><br>
                Responsive columns automatically adjust their width and layout based on screen size. 
                For example, <code>col-12 col-md-6 col-lg-4</code> means:
                ‚Ä¢ <strong>Mobile (XS):</strong> 12 columns wide (full width) - stacked vertically<br>
                ‚Ä¢ <strong>Tablet (MD):</strong> 6 columns wide (half width) - 2 per row<br>
            