Flex Solution

Grid Solution

main {
grid-row-start: 2;
grid-row-end: 2;
}

Wrapper Solution

Conclusion

--

--

--

Web developer https://github.com/AlanConstantino

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Laravel Sortable behavior for Eloquent Models

The Minion Game with Python

Burndown Chart… Or not?

Object Calisthenics

REACT NATIVE VS FLUTTER: ALL YOU NEED TO KNOW

{UPDATE} ABC Alfabetet Målarbok För Barn Pedagogiska Spel Hack Free Resources Generator

Top 6 iOS 12 Features to Consider For Your Mobile App.

Get a coding tutu

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Alan Constantino

Alan Constantino

Web developer https://github.com/AlanConstantino

More from Medium

SCSS /SASS- Syntactically Awesome Style Sheets that are actually awesome

Principles and JavaScript . . .

7 Strange behaviors in JavaScript

Way to CogniGuide