fix: responsiveness improvement

ayushsoni1010 · Aug 15, 2023 · dacfe6b · dacfe6b
1 parent 310d55b
commit dacfe6b
Showing 1 changed file with 30 additions and 31 deletions.
diff --git a/index.ftd b/index.ftd
@@ -57,20 +57,13 @@ link: https://github.com/YOUR_GITHUB_USERNAME
 padding-bottom.px: 20
 
 ;; ------------------------------------------
-;; ***** PORTFOLIO Hero UI Mobile view starts *****
+;; ***** PORTFOLIO Hero UI Desktop view starts *****
 ;; ------------------------------------------
 
--- ftd.mobile:
--- ftd.column:
-margin-top.px: 30
-spacing.fixed.px: 20
-
-
--- ftd.image:
-src: $assets.files.images.developer.png
-width.fixed.px: 250
-align-self: center
-
+-- ftd.desktop:
+-- ftd.row:
+margin-top.px: 60
+spacing.fixed.px: 100
 -- ftd.column:
 spacing.fixed.px: 20
 
@@ -107,7 +100,6 @@ isNewTab: true
 
 -- end: ftd.row
 
-
 ;; --------------------------------
 ;; ***** PORTFOLIO Socials starts *****
 ;; --------------------------------
@@ -143,26 +135,36 @@ image: $assets.files.images.mail.png
 
 -- end: ftd.column
 
--- end: ftd.column
+-- ftd.image:
+src: $assets.files.images.developer.png
+width.fixed.px: 400
 
--- end: ftd.mobile
+-- end: ftd.row
+
+-- end: ftd.desktop
 
 ;; ------------------------------------------
-;; ***** PORTFOLIO Hero UI Mobile view ends *****
+;; ***** PORTFOLIO Hero UI Desktop view ends *****
 ;; ------------------------------------------
 
-;; ----------------------------------------------------------------
-;; ----------------------------------------------------------------
-
+;; -----------------------------------------------------
+;; -----------------------------------------------------
 
 ;; ------------------------------------------
-;; ***** PORTFOLIO Hero UI Desktop view starts *****
+;; ***** PORTFOLIO Hero UI Mobile view starts *****
 ;; ------------------------------------------
 
--- ftd.desktop:
--- ftd.row:
-margin-top.px: 60
-spacing.fixed.px: 100
+-- ftd.mobile:
+-- ftd.column:
+margin-top.px: 30
+spacing.fixed.px: 20
+
+
+-- ftd.image:
+src: $assets.files.images.developer.png
+width.fixed.px: 250
+align-self: center
+
 -- ftd.column:
 spacing.fixed.px: 20
 
@@ -199,6 +201,7 @@ isNewTab: true
 
 -- end: ftd.row
 
+
 ;; --------------------------------
 ;; ***** PORTFOLIO Socials starts *****
 ;; --------------------------------
@@ -234,16 +237,12 @@ image: $assets.files.images.mail.png
 
 -- end: ftd.column
 
--- ftd.image:
-src: $assets.files.images.developer.png
-width.fixed.px: 400
-
--- end: ftd.row
+-- end: ftd.column
 
--- end: ftd.desktop
+-- end: ftd.mobile
 
 ;; ------------------------------------------
-;; ***** PORTFOLIO Hero UI Desktop view ends *****
+;; ***** PORTFOLIO Hero UI Mobile view ends *****
 ;; ------------------------------------------
 
 -- end: ftd.container