Page Builder Final Challenge - Help

Challenge Troubleshooting & Discussion
1

Hey All,

I got myself stuck on one small part of the pages final challenge. It’s bullet #12 that is getting me stuck. I edited the CSS on the three column list for the FAQs. I added in the font family in from the answer of the FAQ as requested, I’ve also made it bold…

.title {
  font-size: 1.5em;
  font-weight: bold;
  word-break: break-word;
  font-family: Lato, sans-serif;
}

The last thing is to add change the CTA link color, which I think I did correctly too…

.cta {
  font-size: 1em;
  text-decoration: #c81500;

  &-container {
    display: flex;
    align-items: flex-end;
    flex: 1;
  }

Can anyone let me know if there is anything wrong in the CSS causing me to fail this part of the challenge? Thanks!

2

Hi Tripp-

As discussed offline, the issue here is that the CTA link color is controlled within the “container” element. You should reset the text-decoration to none, and add color: #c81500 within the container. So the full block should look like the below:

.cta {
font-size: 1em;
text-decoration: none;

&-container {
display: flex;
align-items: flex-end;
flex: 1;
color: #c81500
}

Hope that helps!

Thanks,
Hannah

1 Like