From 07b6d067c4838c35e4385e38d40b0a9d9346831f Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Wed, 25 Jan 2023 01:54:30 +0400
Subject: [PATCH] Styling for the topic page

---
 .../frontend-performance/content/minimize-iframe-count.md     | 4 +++-
 src/pages/best-practices/[bestPracticeId]/[...topicId].astro  | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/best-practices/frontend-performance/content/minimize-iframe-count.md b/src/best-practices/frontend-performance/content/minimize-iframe-count.md
index 8c79ccf4b..d1e726945 100644
--- a/src/best-practices/frontend-performance/content/minimize-iframe-count.md
+++ b/src/best-practices/frontend-performance/content/minimize-iframe-count.md
@@ -1 +1,3 @@
-# Minimize iframe count
\ No newline at end of file
+# Avoid iframes
+
+Use iframes only if you don't have any other technical possibility. Try to avoid iframes as much as you can. Iframes are not only bad for performance, but also for accessibility and usability. Iframes are also not indexed by search engines. 
\ No newline at end of file
diff --git a/src/pages/best-practices/[bestPracticeId]/[...topicId].astro b/src/pages/best-practices/[bestPracticeId]/[...topicId].astro
index a06c049f1..30534a314 100644
--- a/src/pages/best-practices/[bestPracticeId]/[...topicId].astro
+++ b/src/pages/best-practices/[bestPracticeId]/[...topicId].astro
@@ -31,7 +31,7 @@ const { file, bestPracticeId, bestPractice, heading } = Astro.props as BestPract
   permalink={`/${topicId}`}
 >
   <div class='bg-gray-50'>
-    <div class='container pb-16 prose prose-p:mt-0 prose-h1:mb-4 prose-h2:mb-3 prose-h2:mt-0'>
+    <div class='container py-16 prose prose-p:mt-0 prose-h1:mb-4 prose-h2:mb-3 prose-h2:mt-0'>
       <main id='main-content'>
         <file.Content />
       </main>