site/pages/bin/gallery.js

import React from 'react'
import BinPost from '../../components/bin/galleryView'
import styles from '../../public/bin/style/gallery.module.css'


function Gallery() {

   return( 
    <section className='page'>
        <div className={styles.background}></div>

        <h1 className={styles.title}>Bin Gallery</h1>
        <p className={styles.sub_title}>A display of all of bin's projects</p>


    <div className={styles.feed}>
        <BinPost 
            title="Raspberry Pi Pico"
            desc="This is a Raspberry Pi Pico based Temperature and Humidity display that uses a combination of a motion sensor, photo resistor and IR remote/receiver to add some helpful The motion sensor turns on the display when it detects movement, but the photo resistor makes sure it stays off during the night unless you use the IR remote to turn it on in the dark. This way, it won't disrupt your sleep or work at night with accidental triggers of the motion sensor!"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />

        <BinPost 
            title="title"
            desc="lore ipsum"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />

        <BinPost 
            title="title"
            desc="lore ipsum"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />

        <BinPost 
            title="title"
            desc="lore ipsum"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />

        <BinPost 
            title="title"
            desc="lore ipsum"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />

        
        <BinPost 
            title="title"
            desc="lore ipsum"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />

        <BinPost 
            title="title"
            desc="lore ipsum"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />

        <BinPost 
            title="title"
            desc="lore ipsum"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />

<BinPost 
            title="title"
            desc="lore ipsum"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />

        <BinPost 
            title="title"
            desc="lore ipsum"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />

        <BinPost 
            title="title"
            desc="lore ipsum"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />

        <BinPost 
            title="title"
            desc="lore ipsum"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />

        <BinPost 
            title="title"
            desc="lore ipsum"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />

        
        <BinPost 
            title="title"
            desc="lore ipsum"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />

        <BinPost 
            title="title"
            desc="lore ipsum"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />

        <BinPost 
            title="title"
            desc="lore ipsum"
            slack="@CAN"
            link="https://www.google.com"
            image="https://www.google.com"
        />
    </div>
      
    </section>
   )
}

export default Gallery