"Assessment wanted for Fundamental CSS comprehension

MDN Learn
#1

page: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Fundamental_CSS_comprehension#starting_point

Thanks

#2

Hi @Sarai_Atoche_Pascual

Sorry for the looong delay.

Congratulations! Everything looks fine.

See you,
Michael

1 Like
#3

bonjour @mikoMK! je viens de terminer la “compréhension de css fondamentale” pourrais -tu y jeter un œil quand tu auras un peu le temps :blush: merci beaucoup, pour les autres petites tâches je les ai faits mais je ne sais pas si je dois les poster ici ou non,mais ce que je n’ai pas résolu je les ai quand même posté c’est un peu long :sweat_smile: :sweat_smile: :sweat_smile:
https://github.com/Fenosoaliva/Fenosoaliva.github.io/tree/main/fondamentalcss

#4

Hello @fenosoaliva_ratovoson

Your link leads to a 404 page. Can you please post the correct link.
In general, it would also be better to open new topics instead of hijacking the topics of others. :slightly_smiling_face:

Michael

#5

coucou @mikoMK pourtant quand je clique dessus ça marche :smile:
https://github.com/Fenosoaliva/Fenosoaliva.github.io/blob/232e48a8ef222e043d9149c89809b8056b6d7fe7/fondamentalcss/index.html
https://github.com/Fenosoaliva/Fenosoaliva.github.io/blob/232e48a8ef222e043d9149c89809b8056b6d7fe7/fondamentalcss/styles.css
j’ espère que cela fonctionne maintenant, merci

#6

No, still 404.
Maybe the repo “Fenosoaliva.github.io” is a private repo?
On your GitHub account I only see these three repos:

2023-02-07_14-41
2023-02-07_14-41931Ă—404 15.9 KB

#7

Thank you Miko :blush:

1 Like
#8

bonjour @mikoMK! que je suis bête :joy: :joy: :joy: c’est vrai c’est un dépot privé, attends je vais le transférr dans l’autre dépot :grin: :grin: :grin: :grin: :grin:

#9

coucou :wave: @mikoMK! je m’excuse pour mon ignorance :slightly_smiling_face:, cette fois c’est le bon lien enfin j’espère :rofl: :rofl:, j’ai aussi terminé “l’en-tête-du papier” je les mets ici ensemble merci beaucoup :pray:


#10

Hi @fenosoaliva_ratovoson

Congratulations!

Here are some notes:

  • Fundamental CSS: The content property is used to replace an element with a generated value. It isn’t needed here.

  • Fundamental CSS: It’s recommended to use unitless numbers for line-height . For an explanation see: https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#prefer_unitless_numbers_for_line-height_values

  • When the line-height multiplied by the font-size is the same as the height, the text will be centered vertically. So this would work for your code:

    h2 {
  font-size: 2em;
  line-height: 2.5;
}
.card footer p {
  font-size: 1.25em;
  line-height: 4;
}

  • Letterheaded paper: The fallback background-image at the top should only contain one background because of old browsers that don’t support multi backgrounds.

  • Letterheaded paper: When using multiple backgrounds it may be a bit cleaner to use the background shorthand property. With this property all the values for one background are group together and you would separate multiple backgrounds with commas:

    background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.2)),
            url(top-image.png) no-repeat left top,
            url(bottom-image.png) no-repeat left bottom;

That’s it! :slightly_smiling_face:
See you in the other topics.

Michael