Skip to main content

Center a box with Flexbox — practice exercise

HTML5andCSS3 logoPRACTICE

Center the .box element both horizontally and vertically within its .frame container, using Flexbox.

Acceptance criteria

  1. 1.Make .frame a flex container.
  2. 2.Center its content horizontally with justify-content.
  3. 3.Center its content vertically with align-items.
  • Appscrip
  • Hexon Global
  • Zedex Info Pvt Ltd
  • Accenture
  • Autovyn Consultancy
  • Codeflies Technologies Pvt. Ltd
1
0 × 0

Output ready when you are

Press Run to render your code, or Submit to validate your solution.