Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Tell us what’s happening:

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

I'm actually done with my portfolio page, i went ahead to read freeCodeCamp's documentation on codepen just to see what I could have done better - I'm still navigating through this journey of web design. 

Attached here is something i don't quite understand. Why are the codes wrapped up with a span, less than, backslashes and greater than signs? What does this method do?

Instead of span why not divs
![Screenshot_20221005-200557|559x500](upload://pabP9IxjYtw82cTdOBvVS60qL0H.jpeg)
?


Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 11; TECNO KF6i) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.87 Mobile Safari/537.36

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

The <span> tag is the inline equivalent of the <div> tag (which is a block-level element).

here is something i don’t quite understand. Why are the codes wrapped up with a span, less than, backslashes and greater than signs? What does this method do?

Those pieces of text are known as entities and are used to display reserved characters, which otherwise would’ve been interpreted as HTML code.

1 Like

A div element is used for block-level organization and styling of page elements, whereas a span element is used for inline organization and styling .

1 Like

Thank you guys, now I understand.