Having Trouble Linking Typography on Build A Website Design System Challenge

Web Development Front-End
1

I’m stuck on building a website design system! I’m trying to make the color boxes span the entire page instead of just stick to one side and when I input the fonts into CSS they aren’t showing up on the page. I feel like I’m missing something super basic? Here’s the code below:

`<!Doctypehtml>

Meg's Style Guide

My Website Style Guide

Colors

Cool Blue

#2d5dcc

Light Pink

#FEC3FB

Purple

#cc33f2

Green

#05f224

Fonts

Merriweather

The Cute Lil Sloth Wore Three Trenchcoats and Pretended to be Human

`

For CSS:

`.color-container {
border: 1px solid black;
display: inline-block;
text-align: center;
width: 45%;
min-height: 20px;
}
.cool-blue{
background-color: #2d5dcc;
color: white;
}
.pink{
background-color: #FEC3FB;
color: white;
}
.purple{
background-color: #cc33f2;
color: white;
}
.green{
background-color: #05f224;
color: white;

.text-container{
border: 1px solid black;
display: inline-block;
text-align: center;
width: 45%;
min-height: 20px;
}
.font-name{
font-size:20px;
text-decoration: underline;
}`

2

Hi,
Actually i am also at same stage now, if you have found the solution. Kindly, can you explain me?
It would be a great help.
Regards,
Hitesh Balbudhe

3

Are you having trouble linking the fonts or aligning the elements on the page?

4

I am having trouble on aligning the elements on the page.
If its possible,please help. :slightly_smiling_face:

5

Sure, are you using flexbox or grid? If you don’t mind posting some of the code you’re having trouble with it could help!

Referring to the original posters code, they use:

Which will cause elements to display on the same line and span the page.