Infobox

<template>
    <div class="grid">
        <span><strong>Id</strong></span>
        <span><strong>Full Name</strong></span>
        <span><strong>Country</strong></span>
        <span><strong>Created at</strong></span>
        <span><strong>Email</strong></span>
        <span>0</span>
        <span>Aaron Kris</span>
        <span>Philippines</span>
        <span>1991-05-23T14:19:51</span>
        <span class="email">Ophelia_Mitchell@karley.name</span>
    </div>
</template>


<script>

</script>

<style>

.grid {
    display: grid;
    grid-template-columns: minmax(50px, 100px) repeat(4, 1fr) ;
    border-top: 1px solid black;
    border-right: 1px solid black;
}

.grid > span {
    padding: 8px 4px;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

.grid > span.email{
    overflow: auto;
}
</style>