@claudiabdm
@tarek-mo
Submitted
Hey, I have a question.. How do you animate in CSS when switching from display: none
to let's say display: block . To get around this I used to use visibility instead. But the problem with visibility is that the element still takes place even that it's hidden to the user and that's not what I want...
Thanks for viewing my solution ^^
@claudiabdm
Posted
Hi!
I think there is no possible way to animate from display: none to any other display value only with CSS so you could try with the height property.
You can check this codepen I made with a very simple example: https://codepen.io/claudiabdm/pen/ExWBpZX.
Hope it helps!
@Dark-Lover
Submitted
hey my friends in this challenge iv used sass again, i dont know if im doing it in the right way, if someone can check my scss file (js file too) and give me a feedback, i will be grateful. waiting your feedbacks ;)
@claudiabdm
Posted
Hi!
Great work on this tough challenge. I agree with ApplePieGiraffe and I'd recommend avoiding IDs for the reasons already mentioned. I saw you have used SCSS variables so that is the way to go 👏
I have also noticed you used fontawesome with the icons. While this is totally fine, you can also import svgs in your html or use them inline instead of using third party css. Lastly, do not forget these icons are links to social pages, so it would be nice to use an anchor tag to wrap them.
Keep up the good work 💪
