<div class="container">
  <div class="flex gap-1">
        <b style="text-align:left;">
            List of big projects
        </b>
        <div class="opacity-70 text-[0.5rem]">
          It is likely I'm working on something new, as you're reading this.
          <br/> 
          Contact me if you're curious! :D
        </div>
    </div>
    <div class="table-display">
        <div class="table-item">
            <div>Computer vision</div>
            <div>Implimented YoloV1 from scratch. (object detection)</div>
        </div>
        <div class="table-item">
            <div>Arduino</div>
            <div>Built my own claw machine from scratch.</div>
        </div>
        <div class="table-item">
            <div>App dev</div>
            <div>Made an Doulingo'ish app for learning chinese.</div>
        </div>
        <div class="table-item">
            <div>Open-source</div>
            <div>I contribute often to Open-source</div>
        </div>
        <div class="table-item">
            <div>PCB designing</div>
            <div>I am currently designing my own circuit board</div>
        </div>
    </div>
</div>

<style lang="scss">
    .container{
        display: grid;
        place-items: center;
        width: 90%;
    }

    .container > div:first-child {
        width: 100%;

        /* Bottom border stripe*/
        border-bottom: 1mm solid black;
    }

    .table-display {
        width: 100%;
    }

    .table-item {
        display: flex;
        justify-items: start;

        width: 100%;
        border-bottom: 0.25mm solid #000000;

        > a {
            text-decoration: underline;
        }

        > div, > a {
            color: #000000;

            &:first-child {
                width: 30%;
                font-size: 4mm;

                display: grid;
                place-content: center start;

                border-right: rgba(128, 128, 128, 0.4) dashed 0.1mm;
            }

            &:nth-child(2) {
                width: 70%;

                font-size: 3.25mm;
                display: grid;

                padding-left: 1mm;
            }
        }
    }
</style>
