images formatted

SU-CS-321-Fall-2023 · Oct 9, 2023 · 96e0719 · 96e0719
1 parent 8e67e7d
commit 96e0719
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/frontend/src/App.css b/frontend/src/App.css
@@ -34,3 +34,8 @@
   max-width: 50%;
 }
 
+.images{
+  position: Absolute;
+  padding-left: 800px;
+}
+
diff --git a/frontend/src/components/cprNav.jsx b/frontend/src/components/cprNav.jsx
@@ -45,7 +45,7 @@ const CprNav = () => {
             <div id="myTabContent" className="tab-content">
     <div className={`tab-pane fade ${activeTab === 'adult-cpr' ? 'show active' : ''}`} id="adult-cpr" role="tabpanel">
         <h2>Adult CPR Guidelines</h2>
-        <img src={Adults} alt='Adult CPR' style={{ float: 'right', marginLeft: '5px' }} />
+        <img  className='images' src={Adults} alt='Adult CPR' style={{ float: 'right', marginLeft: '5px' }} />
         <ol>
             <li >Make sure the scene is safe</li>
             <li>Check Responsiveness:
@@ -109,7 +109,7 @@ const CprNav = () => {
     </div>
     <div className={`tab-pane fade ${activeTab === 'infant-cpr' ? 'show active' : ''}`} id="infant-cpr" role="tabpanel">
     <h2>Infant CPR Guidelines</h2>
-    <img src={Infant} alt='Infant CPR' style={{ float: 'right', marginLeft: '5px' }} />
+    <img className='images' src={Infant} alt='Infant CPR' style={{ float: 'right', marginLeft: '5px' }} />
     <ol>
         <li>Make sure the scene is safe</li>
         <li>Check Responsiveness: Tap infant’s heel of foot and shout, “Are you Ok?”</li>
@@ -175,7 +175,7 @@ const CprNav = () => {
 
 <div className={`tab-pane fade ${activeTab === 'child-cpr' ? 'show active' : ''}`} id="child-cpr" role="tabpanel">
     <h2>Child CPR Guidelines</h2>
-    <img src={Child} alt='Child CPR' style={{ float: 'right', marginLeft: '5px' }} />
+    <img className='images' src={Child} alt='Child CPR' style={{ float: 'right', marginLeft: '5px' }} />
     <ol>
         <li>Make sure the scene is safe</li>
         <li>Check Responsiveness: Tap child’s Shoulder and shout, “Are you Ok?”</li>