FazBrowse GitHub Viewer | Trending | | Home

Tools: [Download Repo ZIP] [View Raw Code] [Original HTTPS Page]

HTML-CSS-Practice-Problems/level-2/solution/step-1.css at master · ericdrewes/HTML-CSS-Practice-Problems · GitHub

54 lines (46 loc) · 828 Bytes

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

/* Add styles to match the step-1 design */

.main-top-section {

width: 100%;

height: 375px;

background: #F7F1E7;

position: relative;

}

.top-header {

width: 100%;

height: 70px;

text-align: center;

background: #D8D8D8;

}

.menu {

width: 100px;

height: 40px;

background: #536A63;

display: inline-block;

position: absolute;

left: 10px;

top: 10px;

}

.logo {

width: 300px;

height: 40px;

margin-top: 10px;

background: #536A63;

display: inline-block;

}

.sign-in {

width: 100px;

height: 40px;

background: #536A63;

display: inline-block;

position: absolute;

right: 10px;

top: 10px;

}

.bottom-container {

width: 60%;

height: 60px;

left: 22%;

background: #536A63;

position: absolute;

bottom: -30px;

}

Back | FazBrowse Home | New Git URL