Starting the koans

Create LICENSE
Create LICENSE.md
2023-04-08 20:45:53 -04:00 · 2021-09-02 14:36:58 +02:00 · 2021-09-02 14:35:11 +02:00 · 2021-07-08 22:11:15 +02:00 · 2021-07-08 22:03:05 +02:00 · 2021-07-08 13:48:15 +02:00
5 changed files with 53 additions and 4 deletions
--- a/21
+++ b/21
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 mathieucans
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/LICENSE.md
+++ b/LICENSE.md
@@ -0,0 +1 @@
+
--- a/README.md
+++ b/README.md
@@ -1,6 +1,22 @@
+CSS KOANS KATA - FLEX
+=======================
+
+This is my progress on these exercises.


- Koan 1 : 
+The objective of these exercices is to become more confortable with css flex manipulation.

- - add a css file that make header green and content red
- - use diplay flex to make content fill the entire page 
+![graphical instructions](./css-koans-training.png)
+
+1. *Start*: add a css file that make header green and content red.
+2. *Flex:* use diplay flex to make content fill the entire page.
+3. *Side bar:* add a 25% width left sidebar.
+4. *Tab & status:* add some uniform tabs on top of content, and a status bar on bottom.
+5. *Scroll:* add some items in content of 150px Height. Make content scrollable.
+6. *Russian doll:* add a first div that host entire content. Keep same behaviour.
+7. *Dot dot dot:* Create an item that have a long text that is overflow with ellipsis. Keep same behaviour.
+
+Resources
+---------
+ - [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
+ - [Flexbox and Truncated Text](https://css-tricks.com/flexbox-truncated-text/)
--- a/css-koans-training.png
+++ b/css-koans-training.png
--- a/src/index.html
+++ b/src/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<div class="header">this is a green header</div>
+<div class="content">this is a red content</div>
+</body>
+</html>
Author	SHA1	Message	Date
Adam Mohammed	e9491ea5a8	Starting the koans	2023-04-08 20:45:53 -04:00
mathieucans	d6407cfa1d	Create LICENSE	2021-09-02 14:36:58 +02:00
mathieucans	e3b3aa01f0	Create LICENSE.md	2021-09-02 14:35:11 +02:00
mathieu cans	6a67ed8347	Fix mistake png vs svg in readme	2021-07-08 22:11:15 +02:00
mathieu cans	489f2856d4	complete readme and improve visual instructions	2021-07-08 22:03:05 +02:00
mathieu cans	677049f5af	Add index for starting exercice	2021-07-08 13:48:15 +02:00
mathieu cans	114b86c54e	add visual instruction	2021-07-06 16:08:00 +02:00
mathieu cans	9426f9325c	Exercice 4 instructions	2021-07-06 09:29:19 +02:00
mathieu cans	a81cd89dd3	A solution for exercice 3	2021-07-06 09:17:55 +02:00
mathieu cans	3664590c3e	Add graphical instructions	2021-07-06 08:51:20 +02:00