When you ask a question, don’t forget to include a link to the exercise or project you’re dealing with! https://www.codecademy.com/journeys/full-stack-engineer/paths/fscj-22-web-development-foundations/tracks/fscj-22-making-a-website-responsive/modules/wdcp-22-layout-with-flexbox-8a62abed-21fe-442a-8d4d-2b84f3d4ee3a/projects/tea-cozy
Hello,
I am trying to have the content in the footer portion display inline (Horizontally) and not vertically. I have made a ruleset in CSS but I think I am doing something wrong. I also can’t get my CSS background-image to display as well. Can you assist? My HTML5 and CSS code is below.
Our Mission
Tea of The Month
Locations
Downtown
384 West 4th St.
Suite 108
Portland, Maine
East Bayside
3433 Phisherman's Avenue
(Northwest Corner)
Portland, Maine
Oakdale
515 Crescent Avenue
Second Floor
Portland, Maine
</footer>
</div>
CSS
header {
background-image: url(https://content.codecademy.com/courses/freelance-1/unit-4/img-tea-cozy-logo.png?_gl=1*1l0rq1x*_ga*ODQ0NTIyMjE4LjE2NDkxMzQ5NTI.*_ga_3LRZM6TM9L*MTY5MzcxMjg1NS45My4wLjE2OTM3MTI4NjAuNTUuMC4w);
}
body {
font-family: Helvetica;
}
.Section1 h2 {
background-image: url(https://content.codecademy.com/courses/freelance-1/unit-4/img-bedford-bizarre.jpg?_gl=1*1yvach0*_ga*ODQ0NTIyMjE4LjE2NDkxMzQ5NTI.*_ga_3LRZM6TM9L*MTY5MzcxMjg1NS45My4wLjE2OTM3MTI4NjAuNTUuMC4w);
display: block;
max-height: 700px;
max-width: 1200px
}
.Section3 footer h2 h3 {
display: inline-flex;
margin: auto;
}
If you want to have the best chances of getting a useful answer quickly, make sure you follow our guidelines about how to ask a good question. That way you’ll be helping everyone – helping people to answer your question and helping others who are stuck to find the question and answer! 