Hi Hamza, thanks for your response! This is a good question. I have put a rectangle around the “parent” element here, which is the section that contains the header. As long as this section is sitting within the grid, things inside can be however they want. Buttons are almost always sitting inside a parent element, because we want them to have fixed padding. Otherwise they would be super long when stretched on a desktop!

Image for post
Image for post

Written by

Product Designer. Jury at Awwwards. eSports enthusiast. Bonafide nerd. Ketogenic foodie. Sarcastic and crass INTJ.

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