the right way to do responsive

                        <div>
                           <a href="#" class="text-decoration-none ">
                                <div class="img-wrapper d-inline-block" id="img-1">
                                    <img src="assets/img/Literature.png" alt="Literature">
                                </div>
                                <p>Literature</p>
                            </a>
                            <button class="btn btn-primary w-100 fw-bold" style="width: calc(100%-#img-1);">Quiz</button>
                        </div>