.projectContainer {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;

        a {
                margin: 0.2em;
                display: flex;
                align-items: center;
                border-radius: 1em;
                height: 10em;
                padding: 1em;
                padding-left: 2em;
                text-align: left;
                text-decoration: none;

                h3 {
                        margin-bottom: 0.2em;
                        margin-top: 0;
                }

                img {
                        width: 6em;
                        margin-right: 2em;
                } 
        }  
}

.projectContainer.comp {
        div:not(.compWrapper) {
                margin-right: 2em;
        }

        img {
                margin-right: 0;
        }
}

.projectSubContainer {
        display: flex;
        flex-direction: column;
}

.projectIcon {
        width: 7em;
}

.fullWidthGrid {
        grid-template-columns: repeat(1, 1fr);
}