12 column grid layout

Depending upon the css framework you can use grids, menus, lists to create your layout. You should not use grids for all of your elements.

Example

For the top logo-menu, you should use a row then inside the row 4col for logo and 8col for the menu. And then for creating the menu you will use ul > li. Adjust the spacing with paddings and margins.

Basic Structure using Bootstrap 4

I have created a basic structure for your understanding. Please see this pen https://codepen.io/talentedaamer/pen/qGbRBb