In this project, we'll practice setting individual margins, paddings, and border radiuses in one line.

We'll do that by polishing up the design of a small business website. Here's a peek at the finished product.

<html> <head> <style>body { text-align: center; } h2 { background-color: aliceBlue; margin: 40px 30px 30px 30px; border-radius: 0 30px 30px 0; } img { background-color: lightBlue; width: 100px; padding: 10px; border-radius: 20px; margin: 10px 5px 0 5px; } button { background-color: darkCyan; color:white; padding: 5px 15px 5px 15px; margin: 25px 0 0 0; border-radius: 0 30px 30px 0; } p { background-color: aliceBlue; padding: 5px 10px 5px 10px; margin: 30px 30px 0 30px; border-radius: 15px 0 15px 0; } </style> </head> <body> <h2>Fast Furniture</h2> <div> <img src="https://mimo.app/i/minimalist_living_room.png"> <img src="https://mimo.app/i/modern_living_room.png"> <img src="https://mimo.app/i/cozy_living_room.png"> </div> <button>Open Catalogue</button> <p>All furniture made for fast shipping and easy assembly!</p> </body> </html>]]>