diff --git a/index.html b/index.html new file mode 100644 index 0000000..5b6e4fa --- /dev/null +++ b/index.html @@ -0,0 +1,40 @@ + + + + iOS Home Screen + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + +
+
+
+ + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..267a944 --- /dev/null +++ b/style.css @@ -0,0 +1,52 @@ +body { + box-sizing: border-box; +} + +.frame { + position: relative; + border:1px solid red; +} + +.device { + border:1px solid blue; +} + +.homescreen { + position: absolute; + top: 114px; + left: 31px; + height: 734px; + width: 415px; +} + +.icon{ + display:inline-block; + width: calc((100% - 30%)/4); + border-radius: 15%; + margin: 4% 2% +} + +.icons::after { + content: ""; + clear: both; + display: table; +} + +.wallpaper { + width: 100%; + height: 100%; +} + +.icons { + position: absolute; + top: 0; + height: 100%; + width: 100%; + padding-top:5%; + padding-left:5%; + border:1px solid green; +} + +.icon { + border:1px solid black; +} \ No newline at end of file