I need evaluation for a cool looking box

MDN Learn
#1

Please sir , help assess my attempt for a cool looking box. Here is the assignment A cool-looking box - Learn web development | MDN (mozilla.org).

And this is my attempt. A Pen by Cleo (codepen.io)

#2

Hi @Cleo_Shepsut

Great work on this exercise.
One thing that could be improved, would be removing the nesting of <div> and <p>.
To make it still work, You could do the following:

  • Put all the p {...} rules into the div {...}
  • Delete the <p> in HTML
  • Remove the margin-top and height …
  • … and use padding: 100px 0; instead to center the text vertically.

I hope that helps. :slightly_smiling_face:

Have a nice day,
Michael

#3

Thanks very much sir, for the assessment and proposal, I did as you suggested and it works. I am still waiting for your assessment on my post for creating a fancy letterheaded paper

1 Like
#4

Great improvements! Now it’s perfect. :medal_sports:

Yes, I didn’t forget. Just hadn’t got time, yet. :slightly_smiling_face: