diff --git a/css/index.css b/css/index.css index 5f3a850..2834dbd 100644 --- a/css/index.css +++ b/css/index.css @@ -77,6 +77,7 @@ nav p { nav ul { display: flex; flex-direction: row; + flex-wrap: wrap; list-style: none; gap: 2rem; } @@ -189,6 +190,7 @@ a:hover { display: flex; flex-direction: column; justify-content: center; + flex-wrap: wrap; align-items: center; align-content: center; gap: 3rem; @@ -219,6 +221,7 @@ a:hover { display: flex; flex-direction: row; justify-content: center; + flex-wrap: wrap; padding: 5rem; gap: 5rem; } diff --git a/css/index.css.map b/css/index.css.map index 9e9f11b..4f46556 100644 --- a/css/index.css.map +++ b/css/index.css.map @@ -1 +1 @@ -{"version":3,"sources":["index.scss","partials/__nav.scss","partials/__reset.scss","index.css","partials/__aboutme.scss","partials/__port.scss","partials/__myskills.scss","partials/__contact.scss"],"names":[],"mappings":"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","file":"index.css"} \ No newline at end of file +{"version":3,"sources":["index.scss","partials/__nav.scss","partials/__reset.scss","index.css","partials/__aboutme.scss","partials/__port.scss","partials/__myskills.scss","partials/__contact.scss"],"names":[],"mappings":"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","file":"index.css"} \ No newline at end of file diff --git a/css/index.scss b/css/index.scss index c633a43..b76b616 100644 --- a/css/index.scss +++ b/css/index.scss @@ -7,4 +7,5 @@ @import "./partials/_port"; @import "./partials/_myskills"; @import './partials/_contact'; +@import "./partials/_media"; diff --git a/css/partials/__contact.scss b/css/partials/__contact.scss index 3726c69..2d2aad6 100644 --- a/css/partials/__contact.scss +++ b/css/partials/__contact.scss @@ -3,6 +3,7 @@ display: flex; flex-direction: row; justify-content: center; + flex-wrap: wrap; padding: 5rem; gap: 5rem; } diff --git a/css/partials/__media.scss b/css/partials/__media.scss new file mode 100644 index 0000000..0f55f6a --- /dev/null +++ b/css/partials/__media.scss @@ -0,0 +1,2 @@ +@media screen and (min-width: 480px) { + } \ No newline at end of file diff --git a/css/partials/__myskills.scss b/css/partials/__myskills.scss index a838401..e9d4b86 100644 --- a/css/partials/__myskills.scss +++ b/css/partials/__myskills.scss @@ -4,6 +4,7 @@ display: flex; flex-direction: column; justify-content: center; + flex-wrap: wrap; align-items: center; align-content: center; gap: 3rem; diff --git a/css/partials/__nav.scss b/css/partials/__nav.scss index fddbd19..b07a8a0 100644 --- a/css/partials/__nav.scss +++ b/css/partials/__nav.scss @@ -29,6 +29,7 @@ nav p{ nav ul{ display: flex; flex-direction: row; + flex-wrap: wrap; list-style: none; gap: 2rem; } diff --git a/img/Avatar-Garce-tematico-bellaka2.jpg b/img/Avatar-Garce-tematico-bellaka2.jpg new file mode 100644 index 0000000..99ccf33 Binary files /dev/null and b/img/Avatar-Garce-tematico-bellaka2.jpg differ diff --git a/index.html b/index.html index 4fc3b08..390202b 100644 --- a/index.html +++ b/index.html @@ -20,16 +20,16 @@