The Odin Project | Feedback with "Project: HTML/CSS" search engine home page

Project Feedback
#1

Hello people!

I have been trying to finish my first web page but I had some troubles since I feel very lost, I’m trying to do a little every day because I get frustrated easily. Below I will share links to my code and a screenshot of how it looks, I know it’s horrible and the colors suck (I am going to change them, I was just testing and let them like that for now). What I want to achieve, is to move my navigation bar so it can occupy the space to the left, but I don’t know how to do it. I have watched a tutorial but they have a logo on it which expands the navbar to that position, and in this case I don’t need one.

I also would like, if possible, some feedback on the rest of my code. Is there anything which is not needed? Is there something missing?

I know I’m supposed to create a Google homepage but the project is going to be exactly the same but with the DuckDuckGo logo above the search box.

Screenshot of my project: https://upload.vaa.red/2f4Tp3#9ddf91f3c7838ac96f89357acc32833b

Thanks a lot.

#2

HTML PrivateBin URL: https://bin.disroot.org/?71df937af3305caa#6AzeSSTpRPvHtKpXkmFkn9wkWAYyZHvCXWUFE6tLBBfc

CSS PrivateBin URL: https://bin.disroot.org/?e3d3f8db0029916b#Hfv731M6VzZRNkfJYrxswfFcVXGJMPidUTDEyjpeb8XV

#3

The nav is inside a .container that is 80% wide and floated right.

Also, if you need more help please posted the code online using something like Codepen.

#4