So to get the nav to be beside the logo, the sample page made the parent container of the two a flexbox container, then justified the two items using justify-content: space-around
. The parent flexbox also has the position:fixed
property to make sure it is always on the screen.
After a quick look at the relevant part in your code, I’ve found that you did not close the img-div, also you included the email submission form in the header. So if you use the same flexbox idea, your header would be the logo, the nav, and the email submission form side by side.
While complete replication may be technically challenging, building a website from your own inspirations shows creativity and ability to actually make something from nothing but a few simple requirements. This is often much more important to employers and clients. Moreover showcasing a clone on your personal portfolio leaves people questioning whether or not you’ve simply copy/pasted the entire project to pass the test.