Lab 3 - basics of CSS 2
Goals of this excercise
- Make usage of CSS Nesting
- Know how to make use of flexbox
- Learn how to create transitions
- Creating cards, teasers and columns
- Usage of variables
- Visually hidden class toepassen
- Applying CSS logical properties
Description
The main part of a website was almost the same as one from the previous lab, we had to make 3 excercises about columns, navigation and cards. in every excersise flexbox had to be used in order to put the content next to eachother, for navigation there had to be a transition when you hover on one of the links, the background and text color change with eachother when hovered. in excercise cards, overlay-link had to be used for easier access on the link without directly hovering on the link self.
related links
Reflection
The lab went smoothly and i have applied everything i have learned from the lecture