Как сделать чтобы не ломалась верстка при попытке сохранить страницу в хром?

Question

ntu4 @ntu4

HTML
CSS

Как сделать чтобы не ломалась верстка при попытке сохранить страницу в хром?

при попытке через хром сохранить страницу ломается верстка, сам решить не смог, мало

spoiler

{% block icerik%}
<!-- Home -->
        <div class="home">
            <div class="home_container .d-print-none d-flex flex-column align-items-center justify-content-end">
                <div class="home_content text-center">
                    <div class="home_title">Корзина</div>
                </div>
            </div>
        </div>
 
        <div class="cart_section">
            <div class="container">
                <div class="row">
                    {% if sepetteki != []%}
                    <div class="col">
                        <div class="cart_container">
 
                            <!-- Cart Bar -->
                            <div class="cart_bar">
                                <ul class="cart_bar_list item_list d-flex flex-row align-items-center justify-content-end">
                                    <li class="mr-auto">продукт</li>
                                    <li></li>
                                    <li></li>
                                    <li>Цена</li>
                                    <li>Количество</li>
                                    <li>Общее</li>
                                </ul>
                            </div>
 
                            <!-- Cart Items -->
                            {% for yaz in sepetteki %}
                            <div class="cart_items">
                                <ul class="cart_items_list">
 
                                    <!-- Cart Item -->
                                    <li  class=" scart_item item_list  d-flex flex-lg-row flex-column align-items-lg-center align-items-start  justify-content-lg-end justify-content-start">
                                        <div class="product d-flex flex-lg-row flex-column align-items-lg-center align-items-start justify-content-start mr-auto  ">
                                            <div><div class="product_image"><img src="{{ yaz.resim }}" alt=""></div></div>
                                            <div class="product_name_container ">
                                                <div class="product_name"><a href="/urun/{{yaz.id}}">{{yaz.uismi}}</a></div>
                                                  <div class="product_category ">{{yaz.stok}} </div>
                                            </div>
                                        </div>
                                        <div class="product_color product_text">
                                            <form action="/urunGuncelle/{{yaz.id}}" method="POST">
                                            <button class="btn">+</button>
                                        </div>
                                        <div class="product_size product_text">
                                            <div class="btn"><a href="/urunSil/{{yaz.id}}" >х</a></div>
 
                                        </div>
                                        <div class="product_price text-right" style="margin-right:0px;"><span></span>{{yaz.fiyat}} </div>
 
                                        <div class="product_quantity_container">
                                            <div class="product_quantity ml-lg-auto mr-lg-auto text-center">
                                                <input type="text" name="adet" value="{{yaz.adet}}" style="width:30px; margin-top:5px; margin-left:0px; border:0px;">
                                                </form>
                                            </div>
                                        </div>
                                        <div class="product_total product_text"><span>Toplam: </span>{{yaz.toplam}}</div>
 
                                    </li>
                                </ul>
                            </div>
 
                            {% endfor %}
                            <!-- Cart Buttons -->
                            <div class="cart_buttons d-flex flex-row align-items-start justify-content-start">
                                <div class="cart_buttons_inner ml-sm-auto d-flex flex-row align-items-start justify-content-start flex-wrap">
                                    <div class="button button_clear trans_200"><a href="/sepetibosalt">Очистить корзину</a></div>
                                    <div class="button button_continue trans_200"><a href="/siparisver">проверить</a></div>
 
                                </div>
                            </div>
                        </div>
                    </div>
                    {% else:%}
                        <div class="col-md-12 checkout_title text-center" style="font-size:40px;">Корзина пуста</div>
                        <div class="col-md-12 checkout_title text-center" style="font-size:30px; color:#5a5a5a;">Начните делать покупки</div>
                        <a href="/"class="col-md-12"><button type="submit" class="btn btn-success col-md-12 checkout_button trans_200" style="border:0px;">Anasayfa</button></a>
                    {% endif %} 
                </div>
            </div>
        </div>
 
 
{% endblock icerik %}
 
{% block script %}
<script src="{{ url_for('static',filename='js/cart.js') }}"></script>
{% endblock script %}