HTML CSS help.

[mrchow19910319]

I am using codepen.io to practice web development. 

I am copying another designer's work to make a website that is identical to his. 

However with (almost) the same code I was not able to produce the same result.

Here are some issues I could not solve.

1st:  no logo displayed. 

2nd: I can only add float:right and change the margin of navigation bar. I cannot change the fonts of the text and other properties. 

3rd: I have this "white bar" at the top of my page. And that is not something I intended to do. 

 

Can someone point out to me which syntax error did I make??? 

The last picture uploaded are my duplicate. The 1st and second are the correct code and its correspondence result.

 

Any suggestions are welcomed. Even you just find one error I had, point it out to me. Thanks!!!! 

 

 

[SSL]

That is sass not CSS. Are you compiling it?

[gtx1060=value]

so you are using 

<style>
  .logo
  /*.logo refers to a class named logo in your html which i do not see - what you should be doing is using the <img> tag - upload the logo from there - and 
  call the img tag an id and then use #id to call the picture into your css*/
  
</style>

edit -

this may not be the most efficient way to upload a logo but please do understand that i haven't touched html or css in years

Edited November 2, 2016 by gtx1060=value

[mrchow19910319]

3 minutes ago, SSL said:

That is sass not CSS. Are you compiling it?

I know he is using sass and I am using CSS I just want the same result can I do it??? 

Codepen.io does not need to compile. It is live I think. 

[mrchow19910319]

23 minutes ago, gtx1060=value said:

 

this may not be the most efficient way to upload a logo but please do understand that i haven't touched html or css in years

Hey I am open to any thoughts/ideas/suggestions.

I am learning so I want to try every thing I can, every way I can. 

Your inputs are valued.

[l3igwill]

There is not an image because you are not bringing in the image anywhere.

HTML

<img src="folder/File.ext" alt="" height="" width="">
 
<!--or (html comment)-->

<img src="UrlToImg" alt="" height="" width="">

Something similar to this.