logo CodeStepByStep logo


Language/Type: HTML layout flex
Author: Melissa Hovik (on 2017/08/29)

Write the HTML and CSS necessary to recreate the expected appearance below.

  • Each of the five boxes in the expected output has a 4px wide solid black border and has a width and height of 80px.
  • Each box has a background color of #795548.
  • Use the CSS flex property to position the boxes as a single column.
Type your HTML solution code here:
Type your CSS solution code here:

This is a page body / style exercise. Submit the HTML content that would go in the page's <body> tag, and the CSS content that would go in a <style> tag placed inside the <head> section. Do not include a surrounding <html> or <body> tag in your HTML, nor a surrounding <style> tag in your CSS.

You must log in before you can solve this problem.

Log In

Need help?

If you do not understand how to solve an exercise or why your solution doesn't work, please contact your TA or instructor.
If something seems wrong with the site (errors, slow performance, incorrect tests, etc.), please

Is there a problem? Contact a site administrator.

©, all rights reserved.