update policy

app/Views/user/register.php

@@ -1,5 +1,37 @@
 <?= $this->extend('layout/register_layout') ?>
 <?= $this->section('content') ?>
+<style>
+    .policy-modal-dialog {
+        max-width: min(96vw, 1400px);
+    }
+
+    .policy-modal-content {
+        height: min(90vh, 980px);
+    }
+
+    .policy-modal-body {
+        min-height: 0;
+        padding: 0;
+    }
+
+    .policy-modal-frame {
+        border: 0;
+        display: block;
+        height: 100%;
+        width: 100%;
+    }
+
+    @media (max-width: 767.98px) {
+        .policy-modal-dialog {
+            margin: .5rem;
+            max-width: calc(100vw - 1rem);
+        }
+
+        .policy-modal-content {
+            height: calc(100vh - 1rem);
+        }
+    }
+</style>
 <div class="registration-form container mt-5 mb-5">
     <?php $errors = session()->getFlashdata('errors') ?? []; ?>
     <?php $captcha_error = session()->getFlashdata('captcha_error') ?? ''; ?>
@@ -297,14 +329,14 @@
 
     <!-- Policy Modal -->
     <div class="modal fade" id="policyModal" tabindex="-1" aria-labelledby="policyModalLabel" aria-hidden="true">
-        <div class="modal-dialog modal-lg modal-dialog-scrollable">
-            <div class="modal-content">
+        <div class="modal-dialog modal-dialog-scrollable policy-modal-dialog">
+            <div class="modal-content policy-modal-content">
                 <div class="modal-header">
                     <h5 class="modal-title text-success" id="policyModalLabel">School Policies</h5>
                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                 </div>
-                <div class="modal-body">
-                    <iframe src="<?= base_url('policy/school_policy') ?>" width="100%" height="400" frameborder="0"></iframe>
+                <div class="modal-body policy-modal-body">
+                    <iframe src="<?= base_url('policy/school_policy') ?>" class="policy-modal-frame" title="School Policies"></iframe>
                 </div>
             </div>
         </div>