3-column-preview-card-component

Tools

VSCode

Git

Prettier

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow

My process

1. structure the html layout
2. add classes
3. css

Areas of the code i was not sure of

@media screen and (max-width: 425px) {

.container{

min-width: 87%;

margin: 0;

padding: 0;

display: flex;

flex-direction: column;

i will need more explaination on media query