South Africa-Switzerland Bilateral Research Chair in Blockchain Technology aims to explore blockchain integrations with real-world applications and development in Agric-food.
The tutorial is divided into several folders, each focusing on a specific topic:
- 01_Intro_to_CSS: Introduction to CSS
- 02_units_and_sizes: Understanding units and sizes in CSS
- 03_borders_and_shadows: Working with borders and shadows
- 04_float_and_clear: Understanding the float and clear properties
- 05_overflow_&_zIndex: Working with overflow and z-index
- 06_display_property: Understanding the display property
- 07_height_and_width: Working with height and width
- 08_grid_layout: Understanding grid layouts
- 09_centering_element_horizontally_and_vertically: Centering elements horizontally and vertically
- 10_images: Working with images
- 11_flex_layout: Understanding flex layouts
- 12_transform_and_transition: Working with transforms and transitions
- 13_media_queries_and_inspect_element: Understanding media queries and inspect element
- 14_variables: Working with variables
- 15_functions: Understanding functions
- 16_animation: Working with animations
- 17_html_css_project: Final project to apply what you've learned
To use this tutorial, simply clone the repository and open the index.html file in each folder in your web browser. You can modify the HTML and CSS files as you go through the tutorial to experiment and learn.
For those who prefer to learn by watching videos, we have created a YouTube playlist that covers the same topics as these tutorials. You can access the playlist here.