Ssessment wanted for Typesetting a community school homepage

MDN Learn
#1

Page:

Thanks

#2

Great work @Sarai_Atoche_Pascual!

Two very small improvements:

  • If you use background-position: 100% 50%; on the external links the icons won’t jump up on hover.
  • If you use inline-size: 100%; on nav a instead of a fixed value the right border won’t disappear on active (when you hold the mouse button).

See you,
Michael

1 Like
#3

Thank you Mickael, I’m learning flex-box.
I have an examples, Do you help me pleace?

1 Like
#4

Hi @mikoMK, can I use the property ::before or ::after using an image external (url) ?

#5

Yes, that should work, too.

#6

Could you help me please?

#7

Try using a background-image for the icon.

This seems like a good start:

button::before {
  background-image: url(//img.icons8.com/metro/256/external-link.png);
  background-size: 1rem 1rem;
  display: inline-block;
  inline-size: 1rem;
  block-size: 1rem;
  content:"";
  margin-inline-end: 0.5rem;
}
#8

very thanks @mikoMK !! :star_struck: :star_struck:

1 Like