Html/CSS finishing touches

Help / Questions Learning Challenge Questions
#1

I’m very close to finishing the HTML/CSS assessment, but am having 3 issues.

First is that the border on my card isn’t showing up. The shadow appears on hover, but I’m not able to get the card to have that grey border shown in the example.

Screen Shot 2020-07-14 at 3.40.54 PM
Screen Shot 2020-07-14 at 3.40.54 PM1278×1182 146 KB

Screen Shot 2020-07-14 at 3.43.28 PM
Screen Shot 2020-07-14 at 3.43.28 PM1336×1316 152 KB

I cannot get my text to align inside of the card the way it shows in the picture. I’ve been playing with margins and padding, but I’m not able to get the secondary text to sit to the right of the round image. Can someone point me in the right direction? Do either of these things even matter for this assessment?

My final issue is on line 44 of my Html, it’s giving me an error that I’m not sure how to resolve…

Here’s my code:

Screen Shot 2020-07-14 at 3.42.08 PM
Screen Shot 2020-07-14 at 3.42.08 PM1212×1260 148 KB

Screen Shot 2020-07-14 at 3.51.12 PM
Screen Shot 2020-07-14 at 3.51.12 PM1760×1122 140 KB

Screen Shot 2020-07-14 at 3.41.45 PM
Screen Shot 2020-07-14 at 3.41.45 PM786×1478 101 KB
Screen Shot 2020-07-14 at 3.41.57 PM
Screen Shot 2020-07-14 at 3.41.57 PM672×1208 77.4 KB

#2

Welcome to the community, @jxnprince!

This codepen might help guide you in the right direction.

I do not believe we’re super strict on the placement in the grading of this assessment.

It looks like you’re missing a closing </div> element above line 44.

Hope that helps. Let us know if you have any other issues or questions.

1 Like
#3

Thank you so much for your help! I think I’ve got it now

1 Like