I've included the code for a "box test" I was given by someone to test my abilities and how I do things with regards to structure and style. They sent me a .png (attached) and asked me to create it using HTML and CSS.
Incidentally, while the png shows each box with a letter designation, I did not include that figuring it was beside the point of the exercise i.e. they wanted to see how I deal with creating a table-less layout. Perhaps that was a mistake in judgement?
I would ask any experts to inspect my work and critique what I've done. Please be specific about where I could have done something perhaps better and I also want to know if I did something that was a no-no or even egregiously wrong by today's standards.
Daniel Van Der WerkenIndependent ConsultantCommented:
I would get rid of the unused <footer> tag. Unless it's necessary, which I doubt.
It looks like you friend wants the box and the text centered.
Also, I changed the width of the two smaller boxes to 50% instead of 450px.
Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.
boxTest.png