<div class="container">
    <div>
        <b style="text-align:left;">
            List of big projects
        </b>
    </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 with 2 dimentions of movement</div>
        </div>
        <div class="table-item">
            <div>App dev</div>
            <div>Made an Doulingo'ish app for learning chinese in 9 days</div>
        </div>
        <div class="table-item">
            <div>Open-source help</div>
            <div>Contributed in multiple Open-source projects on github</div>
        </div>
        <div class="table-item">
            <div>PCB designing</div>
            <div>I am currently designing my own circuit board</div>
        </div>
    </div>
    <div class="flex" style="font-size: 0.75rem; color: sgray; align-content: start; width: 100%;">
        <p>
            If you want proof or want to know about other projects. Contact me!
        </p>
    </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>