learning how to use picture effectively

Community feedback

• Account deleted

  Congratulations on completing the challenge!

  I see you got the letter spacing effect for the "PERFUME" by adding whitespaces between the letters in the HTML file. An alternative way to do this would be by using the letter-spacing property. I think this approach would give you more control over the spacing. For instance, suppose you had written <cite>Perfume</cite> in your HTML. You could write the following CSS:

  cite {
      text-transform: uppercase;
      letter-spacing: 4px;
  }
  

  Marked as helpful

  1

  ---

  

  Taiwo•130

  @taiwogbadamosiPosted 7 months ago

  @Oczywsziysya Wow, that's perfect, thank you so much for your helpful reply! I knew there had to be a better way of doing the spacing.

  I see how letter spacing would definitely be much better for this sort of effect, but I don't see the utility of the text-transform, if you can help with that? why not just have it capitalised in the html?

  1

  Account deleted

  @taiwogbadamosi to be honest, me neither, right now I can't see the reason behind this, but some articles I've read introduced this property and they say it's because sometimes it's useful to preserve the HTML text the way it is and do these transformations in the CSS instead. However, just knowing that such property exists is useful, I imagine that you could need it when interacting with the DOM using JavaScript, for example. But yeah, for this case in specific it's rather "useless", but I like it for some reason XD

  0