From feadd0b2ab31baeac94be621f485770b196951dd Mon Sep 17 00:00:00 2001 From: giahypham Date: Mon, 22 May 2023 19:16:52 -0400 Subject: [PATCH 1/2] completed MVPs --- .DS_Store | Bin 0 -> 6148 bytes index.html | 90 +++++++++++++++++++++++++++++++++++++++++++++++- style/index.css | 52 +++++++++++++++++++++++++++- 3 files changed, 140 insertions(+), 2 deletions(-) create mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..8dd47cc225d8389eeae3cbcbf886aed4b9172854 GIT binary patch literal 6148 zcmeHK%}T>S5Z<+|O({YS3Oz1(E!fr{6fYsx7cim+m70*C!I&*gYLQaNSzpK}@p+ut z-9U@Mqlle>-EVe&b~7Jje;8xjorZnJY{r-c4UwZ#A!x32ZJ1z0uI7k>SvC$58B|R3 zH%<8M4VJN-y|RQYfB#1?PU0-@^*;GVt=`ydT1~5M-Fc64=H-4q&0K$SgQH6+lc3c7 z;3|%0BYXQyrnw)d(L^Q0VFV$!*Kr!knJcGhn5kS(JFJ$~8rhxsyni_8ii6|+qATVn zgC6MnM~g+v+S%PZy%;?uRVL~>wU$(F$q-a%Qa=*63)iA*2BT4t1ygv0&bvQ53KfjmQPg^1H`}&4B-ACpdmU23yo^)fDW(E=&vK9fR1koL}Ab|SZD+f2-m5A zI+dFz2G{9e7beazSZLJgjH{Jl9f%6L<|rE|BL}%A9_OxKGIQ6?H8y+oMW)i Vh_j$wr32DMKoLS6G4Klvd;v&9OAG)2 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index d01f779ffe..f794208acd 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,96 @@ Document + - +
+

Hy G Pham

+ +
+ +
+ leftbigpic +
+

Hy Pham

+ +

Here are my projects that I have done over the course of my coding journey.

+
+
+ +
+
+
+ leftbigpic +

Portfolio Piece

+
+
+
+ leftbigpic +

Portfolio Piece

+
+
+
+
+ leftbigpic +

Portfolio Piece

+
+
+
+
+ leftbigpic +

Portfolio Piece

+
+
+
+
+ leftbigpic +

Portfolio Piece

+
+
+
+
+
+ leftbigpic +

Portfolio Piece

+
+
+
+ leftbigpic +

Portfolio Piece

+
+
+
+
+ leftbigpic +

Portfolio Piece

+
+
+
+
+ leftbigpic +

Portfolio Piece

+
+
+
+
+ leftbigpic +

Portfolio Piece

+
+
+
+ +
+ + + \ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e535149..8a405041c6 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,51 @@ -/* Add CSS styling here */ \ No newline at end of file +/* Add CSS styling here */ +header{ + background-color: lightgrey; + padding: 20px; + margin-bottom: 15px; +} + +footer{ + background-color: lightgrey; + text-align: center; + padding: 20px; +} + +.topsection{ + display: flex; + flex-direction: row; + justify-content: center; +} + +.description{ + padding: 20px; + width: 50%; +} + +.row{ + display: flex; + justify-content: space-evenly; + flex-direction: row; + padding: 20px; +} + +.porfolio-element{ + text-align: center; +} + +button{ + background-color: white; + color: black; + border: black solid 1px; + padding: 5px 10px; +} + +button:hover{ + background-color: black; + color: white; + border: white solid 1px; +} +button a{ + text-decoration: none; + color: inherit; +} \ No newline at end of file From cb45f790206cceb97244cf5eee89a1615f2d9405 Mon Sep 17 00:00:00 2001 From: giahypham Date: Sat, 27 May 2023 15:51:02 -0400 Subject: [PATCH 2/2] completedmvp --- style/index.css | 51 +++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 49 insertions(+), 2 deletions(-) diff --git a/style/index.css b/style/index.css index 8a405041c6..566fb3cf70 100644 --- a/style/index.css +++ b/style/index.css @@ -1,4 +1,5 @@ /* Add CSS styling here */ + header{ background-color: lightgrey; padding: 20px; @@ -14,7 +15,6 @@ footer{ .topsection{ display: flex; flex-direction: row; - justify-content: center; } .description{ @@ -24,8 +24,8 @@ footer{ .row{ display: flex; - justify-content: space-evenly; flex-direction: row; + justify-content: space-evenly; padding: 20px; } @@ -48,4 +48,51 @@ button:hover{ button a{ text-decoration: none; color: inherit; +} + +@media(max-width: 800px){ + +} + +@media(max-width: 500px) { + header{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + nav{ + display: flex; + flex-direction: column; + align-items: center; + width: 100%; + } + button{ + width: 40%; + margin: 1% 0; + } + .topsection{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + } + .description{ + align-items: center; + justify-content: center; + display: flex; + flex-direction: column; + width: 60%; + text-align: center; + } + .row{ + display: flex; + flex-wrap: wrap; + justify-content: space-around; + } + .row div{ + width: 40%; + margin: 2% 0; + } } \ No newline at end of file