About.me style portfolio?

Hi all

I’m currently trying to make myself a portfolio. I like the way about.me has a white box in front of the background. I’ve kicked about doing that, but can’t seem to figure it out.

Any help or Links?

Thanks in advance!

You can just create a <div>, position it by adjusting margin values or using relative positioning, and giving it a background-color white.

Here is an example:
http://codepen.io/Mozar10/pen/RoXEzR

2 Likes

Awesome, works great! Thanks so much!

Is there any way to decrease the amlohnt of padding at the top? I tried to add padding-top but it did not work.

So that’s the margin-top not the padding, in order to decrease it you can just adjust the margin-top value. which is the first number given to the short-hand margin property.

In your example the margin-top property is being over-ridden by the shorthand margin property.

You can check these two out to get a better understanding of the difference between margin and padding:

http://www.w3schools.com/css/css_margin.asp

http://www.w3schools.com/css/css_padding.asp

I’d actually recommend going through that entire HTML and CSS section for a better understanding. Good luck.

1 Like

Thank you very much!

1 Like