Titel en subtitel gebouwd #7
Conversation
| @@ -0,0 +1,33 @@ | |||
| .section-title-black { | |||
There was a problem hiding this comment.
Netjes in kebab-case gedaan, top!
| @@ -0,0 +1,33 @@ | |||
| .section-title-black { | |||
| text-align: center; | |||
| display: block; | |||
There was a problem hiding this comment.
Deze is al standaard voor titels en paragrafen, dus die mag weg :)
| .section-title-black { | ||
| text-align: center; | ||
| display: block; | ||
| color: var(--color-text); |
There was a problem hiding this comment.
Nice, goed gebruik gemaakt van de variabelen! 👍
| text-align: center; | ||
| display: block; | ||
| color: var(--color-text); | ||
| margin: 0 0 20px 0; |
There was a problem hiding this comment.
Oehhhh en een short-hand, lekker bezig!
| display: block; | ||
| color: var(--color-text); | ||
| margin: 0 0 20px 0; | ||
| font-weight: bold; |
There was a problem hiding this comment.
De font-weight 600 is eigenlijk standaard voor alle titels in dit project, dus het is beter om die dan bij de algemene font-declaraties te zetten in index.css
| } | ||
|
|
||
|
|
||
| /*.section-subtitle {*/ |
| function TitleSubtitle({title, subTitle, className}) { | ||
| return ( | ||
| <> | ||
| <div> |
There was a problem hiding this comment.
Deze div heeft geen styling gekregen, dus eigenlijk is 'ie hier overbodig!
| <div> | ||
|
|
||
| <h2 className={className}> | ||
|
|
There was a problem hiding this comment.
Ook hier: no trailing whitespace plz
| <span><strong>{title}</strong></span> | ||
| </h2> | ||
|
|
||
| <p className={className}> |
There was a problem hiding this comment.
Goed opgelost zo met de properties, chapeau! En dat terwijl je nog nooit met React hebt gewerkt 👍 Er is nog een iets geavanceerdere manier om dit te doen, dus mocht je nog een keertje langskomen bij Coding Wednesday, dan kunnen we daar nog eens naar kijken!
| /> | ||
| </SectionContentWrapper> | ||
| <SectionContentWrapper> | ||
| <h2>ICT-Cursussen</h2> |
There was a problem hiding this comment.
Al deze h2'tjes op de pagina kunnen nu worden vervangen door jouw vette component! 😍
Ik heb toch geprobeerd een witte en zwarte titel te make met wat hulp.
Ik heb niet de hubspot rich-text widget/module toegevoegd in de span tag, maar dat zou niks uit moeten maken voor de visualisatie en vraag mij af of dit nodig is.