Tesla_Ambassador• 2,980
@tesla-ambassador
Posted
Hey Yous. Congratulations on completing this challenge! You really put in the work 💪 Here's a few things you might want to consider.
- The webiste is not responsive. You might want to change the
flex-direction
property tocolumn
to yourcontainer
div at a screen width of around 650px and use a width of percentage on you container. (width: 80%;
). This will make your solution responsive and viewable across different screen widths. - On your buttons, you don't need to wrap the button text in a span, you just place it between the button tags in this manner
<button>text</button>
Therefore when one hovers over the button, you can add the propertycolor: white;
and the button text will turn white. So one won't have to hover specifically at the text for it to turn white. Happy coding and keep on coding.
Marked as helpful
0
Yous• 170
@yousra10
Posted
@tesla-ambassador Thank you so much for your suggestions! It's very helpfull !
2