Cleaned up, nicely working

docs/Build_Guide/bom.md

@@ -4,14 +4,9 @@ description: Add description
 sidebar_position: 1
 ---
 
-Here's a step by step guide to build the base structure of the sink yourself.
+#### Here's the list of the materials needed to construct a Piqpoc sink.
-
-### 1 - Body of materials
-
-Here's a list of the materials needed to construct a Piqpoc sink.
 
 **For the base structure:**
-
 - [Ikea Nissafors](https://www.ikea.com/es/es/p/nissafors-carrito-verde-claro-10606782/#content): A similar tray would do. But we chose this one for the ease of adjusting its height, its size fitting nicely with the plastic washbasin tray. 
 - 2 x [containers to store water](https://www.ikea.com/es/es/p/samla-caja-con-tapa-transparente-s09440839/): One for clean and one for dirty water: We used these from IKEA for convenience of getting all materials from the same store. Any bucket that fits would do the job. We'd suggest to use at least 5 liters for less frequent refilling.
 - 3/3.5/4 mm x 10/15mm screws with nuts: You'd need just 3 set of screws and nuts.
@@ -46,17 +41,3 @@ Alternatively you can 3d print your faucet using the files we provide. ADD FILE
 - Drill and drill bits for metal and plastic (5.5mm, 3.5mm)
 - Solder iron
 - Hot glue gun with the accompanying size of glue
-
-
-
-import ImageCarousel from '@site/src/components/ImageCarousel';
-
-<ImageCarousel
-  images={[
-    { src: '/img/sink1.jpg', alt: 'Melt the plastic', caption: 'Step 1: Melt the plastic' },
-    { src: '/img/try.JPG', alt: 'Shape the shell', caption: 'Step 2: Shape the shell' },
-    { src: '/img/step3.png', alt: 'Add electronics', caption: 'Step 3: Add electronics' },
-    { src: '/img/step4.png', alt: 'Finished mouse', caption: 'Step 4: Final product' },
-  ]}
-/>
-<!-- truncate -->

docs/Build_Guide/first2.md

@@ -12,7 +12,7 @@ import StepWithCarousel from '@site/src/components/StepWithCarousel';
 <StepWithCarousel
   images={[
     { src: '/img/step1/1_box.webp', caption: 'Unboxing' },
-	{ src: '/img/step1/2_toptray.webp', caption: 'Customised tray walls laid out' },
+	{ src: '/img/step1/2_toptray.webp', caption: 'Top tray walls laid out' },
 	{ src: '/img/step1/2_mark.webp', caption: 'Mark the required holes for the new combination' },
 	{ src: '/img/step1/3_plastic_piece.webp', caption: 'Use provided plastic pieces to fit the additional holes' },
 	{ src: '/img/step1/4_top_done.webp', caption: 'When done, top tray looks like this' },

src/components/StepWithCarousel.js

@@ -6,7 +6,6 @@ export default function StepWithCarousel({ title, children, images }) {
   return (
     <div className={styles.step}>
       <div className={styles.text}>
-        <h2>{title}</h2>
         {children}
       </div>
       <div className={styles.carousel}>

src/components/StepWithCarousel.module.css

@@ -3,6 +3,7 @@
   flex-wrap: wrap;
   gap: 2rem;
   margin-bottom: 3rem;
+  margin-top: 1rem;
   align-items: flex-start;
   font-size:14px;
 }

src/css/custom.css

@@ -40,3 +40,9 @@
 .menu__link--sublist-caret:after {
     background: var(--ifm-menu-link-sublist-icon) 50% / 1.5rem 1.5rem;
 }
+.markdown p,
+body {
+  font-size: 14px; /* or 1.0625rem */
+  line-height: 1.6;
+  margin-bottom: 6px;
+}