Blog card with some hover effects

Community feedback

• 

  Dylan de Bruijn•3,230

  @DylandeBruijnPosted 5 months ago

  Hi @Yahia-kilany,

  I understand that feeling! It's fine to change the display value of an element though if it fits your need. It's good that you were experimenting with different things, it helps a lot on your journey. Did you find my comment helpful? If you did could you mark it as helpful when you get the chance? This would help me out greatly!

  Marked as helpful

  1
• 

  Dylan de Bruijn•3,230

  @DylandeBruijnPosted 5 months ago

  Hi @Yahia-kilany,

  Your solution looks great and close to the design, congratulations!

  You are correct that a span is an inline element. Most of the time they are used to style a piece of text in a heading or paragraph in a certain way. However you can always change the display property of a span to something like display: block if you like. This way you can add margins to a span. Keep semantic meaning in mind though, it's better to use a p tag for a paragraph of text than a span for example.

  Where did you want to use span exactly?

  Marked as helpful

  1

  ---

  

  Yahia-kilany•90

  @Yahia-kilanyPosted 5 months ago

  @DylandeBruijn I tried to use it for the "learning" tag and the title... I just saw the tag at w3schools and read that it was used for styling texts and I just wanted to try it out to be more familiar with it. Idk how I didn't read that it was an inline element and not a block element and I kinda had a minor mental breakdown when it didn't work (lol) but now I know better

  1