lesson css try

phase/Student_view/lesson.py

@@ -571,23 +571,6 @@ def _render_lesson():
     
     with col_main:
         t_title, t_text = topics[topic_idx]
-        takeaways_html = ""
-
-        if t_text:
-            takeaways = _extract_takeaways(t_text)
-            if takeaways:
-                takeaways_html = f"""
-                <div class="takeaways-section">
-                    <div class="takeaways-header">
-                        <span style="color: #10b981;">●</span>
-                        <span>Key Takeaways</span>
-                    </div>
-                    {''.join([
-                        f'<div class="takeaway-item"><span class="takeaway-check">✓</span><span>{tk}</span></div>'
-                        for tk in takeaways
-                    ])}
-                </div>
-                """
 
         st.markdown(f"""
         <div class="lesson-card">
@@ -601,10 +584,39 @@ def _render_lesson():
             <div class="lesson-content">
                 {t_text.strip() if t_text else "<p>Content coming soon.</p>"}
             </div>
-            {takeaways_html}
         </div>
         """, unsafe_allow_html=True)
 
+        # Key Takeaways
+    if t_text:
+        st.markdown(t_text.strip(), unsafe_allow_html=True)
+    else:
+        st.info("Content coming soon.")
+
+    if t_text:
+        takeaways = _extract_takeaways(t_text)
+        if takeaways:
+            st.markdown("""
+            <div class="sidebar-card">
+                <div class="takeaways-section" style="min-height: 150px;">
+                    <div class="takeaways-header">
+                        <span style="color: #10b981;">●</span>
+                        <span>Key Takeaways</span>
+                    </div>
+            """, unsafe_allow_html=True)
+
+            for takeaway in takeaways:
+                st.markdown(f"""
+                <div class="takeaway-item">
+                    <span class="takeaway-check">✓</span>
+                    <span>{takeaway}</span>
+                </div>
+                """, unsafe_allow_html=True)
+
+            # Close both divs
+            st.markdown("</div></div>", unsafe_allow_html=True)
+
+
         # Navigation Buttons OUTSIDE lesson card
         st.markdown('<div class="nav-buttons">', unsafe_allow_html=True)
         col1, col2, col3 = st.columns([1, 1, 1])