XERCISE $14-1.$ Adding a little padding

In this exercise, we$$ll begin adding box properties to improve the appearance of a site for the fictional Black Goose Bakery. I$$ve given you a head start by marking up the source $($bakery$.$html$).$ Unlike pages in previous exercises, the bakery page uses an external style sheet, bakery$-$styles.css$.$ Everything we will be doing to format this site over the next few chapters happens in the CSS file, so you should never need edit the HTML document; however, that is the file you will open in the browser to see the results of your style changes. All the files are available at learningwebdesign.com$/5$e$/$materials$.$

FIGURE $14-6$ shows before and after shots of the site. It$$s going to take several exercises over three chapters to get there, and padding is just the beginning. In Chapter $16,$ CSS Layout with Flexbox and Grid, we$$ll turn that ugly navigation list into a nice navigation menu bar $($in the meantime, please avert your eyes$)$ and give the page a two$-$column layout suitable for larger screens.