You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+14-14Lines changed: 14 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,33 +1,30 @@
1
1

2
2
3
-
# CSS | Slack Clone with Flexbox
3
+
# CSS | Slack clone with Flexbox
4
4
5
5
## Introduction
6
6
7
7
You should be reaaaaally familiar with [Slack](https://www.slack.com/) at this point, but just to make it more clear, **Slack** is a cloud-based set of team collaboration tools and services or in simpler terms, it is a chatting program.
8
8
9
9
We use the app almost every day to keep our communications with our classmates and the **Ironhack** team, so we know perfectly the chat interface but today we are going to clone their landing page. [Here](https://www.slack.com/) you can visit the website and check what are we going to do. :stuck_out_tongue_winking_eye:
10
10
11
-
We want to practice our new **Flexbox**skill, so we are going to implement the *"responsiveness"* of the landing page. No worries, we will show you what we need!
11
+
We want to practice our new **Flexbox**skills, so we are going to implement the *"responsiveness"* of the landing page. No worries, we will show you what we need!
12
12
13
13
14
14
## Requirements
15
15
16
-
-[Fork this repo](https://guides.github.com/activities/forking/)
17
-
- Clone this repo into your `~/code/labs`
18
-
- Include both the client and server applications in your submission.
16
+
- Fork this repo
17
+
- Clone this repo
19
18
20
19
## Submission
21
20
22
-
- Upon completion, run the following commands
23
-
21
+
Upon completion, run the following commands:
24
22
```
25
-
git add .
26
-
git commit -m "done"
27
-
git push origin master
23
+
$ git add .
24
+
$ git commit -m "done"
25
+
$ git push origin master
28
26
```
29
-
30
-
- Navigate to your repo and [create a Pull Request](https://help.github.com/articles/creating-a-pull-request/)
27
+
Create Pull Request so your TAs can check up your work.
31
28
32
29
## Exercise
33
30
@@ -39,7 +36,7 @@ The **starter_code** contains the basic structure of an HTML & CSS project to st
39
36
40
37
Mobile first right? :wink:
41
38
42
-
Firs, we are going to clone the mobile design of the webpage! 📱 Oh! Remember to use **flexbox**, because it will be really helpful later on when we need to adapt it to different screen-size!
39
+
First, we are going to clone the mobile design of the webpage! 📱 Oh! Remember to use **flexbox**, because it will be really helpful later on when we need to adapt it to different screen-size!
43
40
44
41
After doing your magic, you should have something like this:
45
42
@@ -102,4 +99,7 @@ Last one! Some small changes and we are done!
0 commit comments