      .p-2 .p-md-4 .p-lg-6
                </div>
                <div class="card m-2 m-md-4 m-lg-6">
                    <strong>Responsive Margin</strong><br>
                    .m-2 .m-md-4 .m-lg-6
                </div>
            </div>

            <h3 class="h4 mb-4">Responsive Grid</h3>
            
            <div class="alert alert-info mb-4">
                <strong>How Responsive Grids Work:</strong><br>
                ‚Ä¢ <strong>XS (0-575px):</strong> All columns stack vertically (ful