Module 10 assessment

Pages
1

Hey Team,

I’m having issues with this challenge, and cannot see where is my mistake !
I’m trying to save the challenge with this CSS:

.module-announcement-bar {
padding: 0;
}

.module-announcement-bar a {
flex-grow: 1;
text-align: center;
padding: 7px 5px;
text-transform: uppercase;
}

// Override the background color below
.module-announcement-bar .btn {
//
background-color: #ff9500;
border-radius: 0px;
word-wrap: break-word;
white-space: normal;
border: 8px solid #db8000;
margin: 0px;
box-shadow: none;

    &:hover
  {
  background-color: #db8000;

}
}

Can someone please lmk where i’m wrong? cheers :slight_smile:

2

Hey Emma,

Here is the code I used and that worked :
Maybe it’s the // before background color that blocked you
Otherwise you might check if you did not have an issue when copy-pasting the Announcement URL. That was my issue for a while.

.module-announcement-bar {
padding: 0;
}

.module-announcement-bar a {
flex-grow: 1;
text-align: center;
padding: 7px 5px;
text-transform: uppercase;
}

.module-announcement-bar .btn {
background-color: #ff9500;
border-radius: 0px;
word-wrap: break-word;
white-space: normal;
border: 8px solid #db8000;
margin: 0px;
box-shadow: none;
&:hover
{
background-color: #db8000;
};
}

Cheers :nerd_face:

3

@Emma_Noyer let us know if that works! Thanks for the pro-tips @Hugo_Roy!

5

IT WORKED !!! Thanks @Hugo_Roy :smiley: