please help me address this problem

I try to avoid using floats these days. Flexbox and grid layout actually work really well together. Grid layout for the overall structure of the site (navbar, content sections, footer etc). And flexbox for the positioning of the content within any given container, for example positioning the navbar content where you want, or making a block of content have elements positioned in a certain way (like image on top, text in middle, button at bottom).

Thanks for the reply... One more problem, I really dont know how to go about this, I had purchased a domain and i want to build a website that is up to standard, should I begin by creating the mobile view and then walking my way up to the desktop view with media queries, what am trying to understand is, what approach do i use to build my website so it looks good on all devices.

Mobile first is always the way to go. It's easier from a design perspective since you start off with understanding what the essential components of your site are, and its easier to expand out than narrow down. And you're right about using media queries.

There's a design course on treehouse that goes into detail about this, so I recommend doing that. Hope this all helps.