# 📖 Implement CSS Box Model Properties to Design Layout

[frozzel]

📖 Implement CSS Box Model Properties to Design Layout

Work with a partner to implement the following user story:

• As a developer, I want to use the CSS box model properties to position four boxes inside a frame.

Acceptance Criteria

• It's done when each box has a defined padding property.

• It's done when each box has a defined margin property.

• It's done when each box has a defined border property.

• It's done when the finished page matches the mockup.

📝 Notes

Refer to the documentation:

MDN Web Docs on CSS basic box model

MDN Web Docs on padding

MDN Web Docs on margin

MDN Web Docs on border

Assets

The following image demonstrates the web application's appearance and functionality:

---

💡 Hints

How can we use the margin property to define space between elements?

🏆 Bonus

If you have completed this activity, work through the following challenge with your partner to further your knowledge:

• What is the CSS float property?

Use Google or another search engine to research this.

---

© 2022 Trilogy Education Services, LLC, a 2U, Inc. brand. Confidential and Proprietary. All Rights Reserved.

[frozzel]

done waiting to upload may need mods

[frozzel]

needs More work dont submit until further evaluation