css properties are not applying

[rich fiber]

https://scrimba.com/scrim/co032495a9b291e91087ffe0f
i feel like im going insane with this project, now none of the styles are applying to the reply button and reply input

[half lily]

@rich fiber What styles and/or css classes are supposed to be applied to those elements?

[rich fiber]

i want the outline: none to on the focus of reply-input and also the width of the reply button to be smaller etc

[half lily]

Ok, So this is what the reply button looks like in the dev tools

Is there supposed to be a specific class applied to it?

[crimson willow]

If you’re taking away the default focus state of the input make sure to add back something that indicates to the user it has focus. To give it outline : none on focus

.reply-input:focus{outline:none;}

[rich fiber]

i did that but it isnt responding D :

@half lily i want the reply button to be smaller than the tweet button, but with same styling so i added an id for the styling on the reply to be just on the reply

[half lily]

I would recommend giving a separate class to the reply buttons so you can give them different styles from the main buttons

[rich fiber]

i was using the id for that, #reply-btn {} but it still wasn't working

[half lily]

That's because the id isn't just "reply-btn" but "reply-btn-" with a bunch of random letters and numbers on the end, so that won't work.

Give each reply button a separate "reply-btn" class and it should work.

[rich fiber]

thank you!!

[crimson willow]

Your css has a focus selector on #reply-input but your html textarea has an id of #tweet-input