How do i position these divs properly and make them responsive?

Hi, im trying to create a simple e-commerce website but im really struggling with getting the “items” to be positioned at the top of the page next to the nav links and logo. Furthermore, what would be the best way to make them responsively shrink as you resize the browser?

Many Thanks.

I forked your codepen and used css grid to get the layout you wanted. Please see below. I would recommend reading up on css grid and playing around with it. It’s an awesome way to create native grid layouts that are responsive and it has pretty good support across browsers. Hope I was helpful. Good luck with your project! :slight_smile: