Update: remove img margin bottom

Author: Goku-kun

blogs/community-redesign.mdx

@@ -24,13 +24,13 @@ That’s why community—and building dedicated features for it—is so importan
 
 Our [on-platform community](https://www.codedex.io/community) (OPC) is a place to get inspired and build meaningful connections around learning and building, all while fitting into the broader Codédex journey. But our previous OPC definitely had room for improvement.
 
-<div style={{display: "flex", justifyContent: "center", marginTop: "2rem", marginBottom: "-2rem"}}>
+<div style={{display: "flex", justifyContent: "center", marginTop: "2rem" }}>
   <img src="https://imgur.com/ppzQNFC.png" />
 </div>
 
 First, the OPC was one of the last major pages on our site that needed an update to our new design system. When I joined the team in the middle of 2024, I built a design system and had us shift our platform towards it. It’s hard to update the whole site at once, so we incorporate it gradually as we build new features. For this redesign, one obvious goal was to finally match Community to the rest of our site’s color palette and font styles and have it be more polished, professional, and integrated into the Codédex experience.
 
-<div style={{display: "flex", justifyContent: "center", marginTop: "2rem", marginBottom: "-2rem"}}>
+<div style={{display: "flex", justifyContent: "center", marginTop: "2rem" }}>
   <img src="https://imgur.com/N2OkGsR.png" />
 </div>
 
@@ -46,29 +46,29 @@ Most changes we made fell into one of two categories: simplification and reorgan
 
 In terms of visual design, I wanted to simplify the UI as much as possible. The OPC is full of user generated content such as text and images, so it’s important to let that shine through and let the UI itself take a backseat. We removed the cover illustrations for each page, removed the redundant “Create Post” button on the left sidebar, removed the Instagram stories-like carousel of featured projects at the top of the page, and restructured the page to give enough breathing room for a 3-column layout.
 
-<div style={{display: "flex", justifyContent: "center", marginTop: "2rem", marginBottom: "-2rem"}}>
+<div style={{display: "flex", justifyContent: "center", marginTop: "2rem" }}>
   <img src="https://imgur.com/QQ8GZCa.png" />
 </div>
 
 We also took the opportunity to reorganize some features hidden away in the OPC that should be surfaced higher. Our notifications, which were previously only accessible within the OPC, moved to a global notification system that lets you check notifications from anywhere on the site. We also relocated our Town Square (a RPG-style virtual world where you can walk around and attend live community events) from a tab within the OPC to a dedicated page within a Community dropdown menu.
 
-<div style={{display: "flex", justifyContent: "center", marginTop: "2rem", marginBottom: "-2rem"}}>
+<div style={{display: "flex", justifyContent: "center", marginTop: "2rem" }}>
   <img src="https://imgur.com/WjokglY.gif" />
 </div>
 
 ### Project Showcase
 
 We redesigned our Project Showcase to feel like a showcase, not just another feed. We switched to a gallery-style presentation format for projects that brought greater emphasis to the each project’s cover image, while also making it more clear how to filter by project tags.
 
-<div style={{display: "flex", justifyContent: "center", marginTop: "2rem", marginBottom: "-2rem"}}>
+<div style={{display: "flex", justifyContent: "center", marginTop: "2rem" }}>
   <img src="https://imgur.com/V3Qlzjf.gif" />
 </div>
 
 ### Leaderboards
 
 While most of our work was cleaning up what already existed, Leaderboards is our first entirely new addition to our OPC! Right now you can see who has earned the most XP (gained by completing Codédex lessons) so far—for this week, or for all-time. In the future, we want to build onto this and create more opportunities for friendly competition, motivation, and earning rewards.
 
-<div style={{display: "flex", justifyContent: "center", marginTop: "2rem", marginBottom: "-2rem"}}>
+<div style={{display: "flex", justifyContent: "center", marginTop: "2rem" }}>
   <img src="https://imgur.com/fsZ5V1B.gif" />
 </div>