Responsive, using mobile first, and BEM metodology

Hi @Camoralesh27, good job!

I've visited your live site and I've noticed that your component isn't centered. You can do it using either Flex Box or CSS Grid. In this case, I would use CSS Grid, let me show you:

body {
    display: grid;
    place-items: center;
    min-height: 100vh;
}

Also, consider change component's width to 600px and add a padding: 20px to your right side.

I hope these are helpful to you.