From bb3cd0ed6c91006631c92e52eac46b6146e51fcd Mon Sep 17 00:00:00 2001 From: Nelly Montanez Date: Wed, 20 May 2020 14:33:31 -0400 Subject: [PATCH 01/13] started my header and first section of my profile info and added a photo --- README.md | 12 ++--- css/index.css | 141 +++++++++++++++++++++++++++++++++++++++++++++++- images | 0 index.html | 16 +++++- less/index.less | 10 +++- 5 files changed, 169 insertions(+), 10 deletions(-) create mode 100644 images diff --git a/README.md b/README.md index 5912e2c97..9732b7d1d 100644 --- a/README.md +++ b/README.md @@ -4,11 +4,11 @@ For this project you will be building a digital resume from scratch. You will be ## Task 1: Set Up The Project With Git -- [ ] Create a forked copy of this project. -- [ ] Add your project manager as collaborator on Github. -- [ ] Clone your OWN version of the repository (Not Lambda's by mistake!). -- [ ] Create a new branch: git checkout -b ``. -- [ ] Implement the project on your newly created `` branch, committing changes regularly. +- [ X ] Create a forked copy of this project. +- [ X ] Add your project manager as collaborator on Github. +- [ X ] Clone your OWN version of the repository (Not Lambda's by mistake!). +- [ X ] Create a new branch: git checkout -b ``. +- [ X ] Implement the project on your newly created `` branch, committing changes regularly. - [ ] Push commits: git push origin ``. Follow these steps for completing your project. @@ -18,7 +18,7 @@ Follow these steps for completing your project. - [ ] Your project manager will count the project as complete by merging the branch back into master. ## Task 2: Set up your preprocessor -* [ ] Verify that you have LESS installed correctly by running `lessc -v` in your terminal, if you don't get a version message back, reach out to your cohort's help channel or your team lead for help. +* [ X ] Verify that you have LESS installed correctly by running `lessc -v` in your terminal, if you don't get a version message back, reach out to your cohort's help channel or your team lead for help. * [ ] In your project's root folder, run the following command `less-watch-compiler less css index.less` * [ ] Verify your compiler is working correctly by changing the `background-color` on the `html` selector to `red` * [ ] Once you see the red screen, you can delete that style and you're ready to start on the next task diff --git a/css/index.css b/css/index.css index 7dd97920d..666fc20f2 100644 --- a/css/index.css +++ b/css/index.css @@ -1 +1,140 @@ -/* Compile your LESS file! */ \ No newline at end of file +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} +body { + line-height: 1; +} +ol, +ul { + list-style: none; +} +blockquote, +q { + quotes: none; +} +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +/* Set every element's box-sizing to border-box */ +* { + box-sizing: border-box; + padding: 0; + margin: 0; + max-width: 100%; + border: 1px solid grey!important; +} +html, +body { + height: 100%; +} diff --git a/images b/images new file mode 100644 index 000000000..e69de29bb diff --git a/index.html b/index.html index a7f9e3ad1..1fae4e087 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,20 @@ -

My Resume

+
+ +
+
+

Profile

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus architecto, repudiandae quidem ea dolore quam debitis suscipit iusto eligendi doloribus in iste distinctio a cumque, voluptates, saepe neque qui! Laboriosam?

+ +
+ \ No newline at end of file diff --git a/less/index.less b/less/index.less index 191ce142e..2cae902d2 100644 --- a/less/index.less +++ b/less/index.less @@ -50,10 +50,16 @@ table { /* Set every element's box-sizing to border-box */ * { - box-sizing: border-box; + box-sizing: border-box; + padding: 0; + margin: 0; + max-width: 100%; + border: 1px solid grey!important; } html, body { - height: 100%; + height: 100%; + + } From fd2e9fabe276c8e1b551e2c68d12eda81a9e1ee9 Mon Sep 17 00:00:00 2001 From: Nelly Montanez Date: Wed, 20 May 2020 19:26:52 -0400 Subject: [PATCH 02/13] worked on the profile and skills section of the resume --- css/index.css | 69 ++++++++++++++++++++++++++++++++++++++ images | 0 index.html | 45 ++++++++++++++++++++++--- less/index.less | 89 ++++++++++++++++++++++++++++++++++++++++++++++++- 4 files changed, 197 insertions(+), 6 deletions(-) delete mode 100644 images diff --git a/css/index.css b/css/index.css index 666fc20f2..952d9abc7 100644 --- a/css/index.css +++ b/css/index.css @@ -134,7 +134,76 @@ table { max-width: 100%; border: 1px solid grey!important; } +@media (max-width: 500px) { + header nav { + flex-direction: column; + height: 10vh; + } +} html, body { height: 100%; } +body { + background-image: url(https://images.unsplash.com/photo-1589810264340-0ce27bfbf751?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80;); +} +header { + width: 100%; + height: 15vh; + border: 3px solid black; + padding-top: 6%; +} +header nav { + width: 100%; + display: flex; + justify-content: space-around; + align-items: baseline; +} +header nav h1 { + width: 70%; + font-size: 2.5rem; + color: black; +} +a { + text-decoration: none; + letter-spacing: 1px; + color: black; + font-size: 1.3rem; + display: flex; + justify-content: space-between; +} +.profile { + width: 90%; + padding-top: 2%; + padding-left: 2%; + display: flex; + flex-direction: row; + align-items: center; + border-bottom: 2px dotted black; +} +section .profile { + display: flex; + flex-direction: column-reverse; +} +h2 { + width: 25%; + padding: 1%; + font-size: 1.5rem; + display: flex; + align-items: center; +} +p { + width: 40%; + font-size: 1.2rem; +} +img { + width: 20%; + border: 1px solid black; + border-radius: 85%; +} +.skills { + width: 100%; + display: flex; + justify-content: space-around; + border: 1 px dotted black; +} diff --git a/images b/images deleted file mode 100644 index e69de29bb..000000000 diff --git a/index.html b/index.html index 1fae4e087..363291133 100644 --- a/index.html +++ b/index.html @@ -23,11 +23,46 @@

Nelly Montanez

Contact -
+
+

Profile

-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus architecto, repudiandae quidem ea dolore quam debitis suscipit iusto eligendi doloribus in iste distinctio a cumque, voluptates, saepe neque qui! Laboriosam?

- -
- +

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus architecto, repudiandae quidem ea dolore quam debitis suscipit iusto eligendi doloribus in iste distinctio a cumque, voluptates, saepe neque qui! Laboriosam?

+ + +
+
+
+

Skills

+
    +
  • Programming
    • +
  • Debugging
    • +
  • Collaboration
    • +
  • Critical Thinking
    • +
  • Oral and Written Communication
    • +
+
+
+

Languages

+
    +
  • JavaScript
    • +
  • Java
    • +
  • Python
    • +
  • DJango
    • +
  • SQL
    • +
+
+
+
+

Education

+

Lambda School | Full Stack Web Development May 2020-January 2022

+
+ \ No newline at end of file diff --git a/less/index.less b/less/index.less index 2cae902d2..8b71b17fb 100644 --- a/less/index.less +++ b/less/index.less @@ -54,12 +54,99 @@ table { padding: 0; margin: 0; max-width: 100%; - border: 1px solid grey!important; + border: 1px solid grey!important; //Take important off when done } +//media queries begin + +@media (max-width:500px){ + header nav{ + flex-direction: column; + height: 10vh; + + } +} +//media queries END + html, body { height: 100%; +} + +body { + background-image: url(https://images.unsplash.com/photo-1589810264340-0ce27bfbf751?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80;) } +header { + width:100%; + height: 15vh; + border: 3px solid black; + padding-top: 6%; + + nav { + width: 100%; + display:flex; + justify-content: space-around; + align-items:baseline; + h1 { + width:70%; + font-size: 2.5rem; + color:black; + }//This ends nav + } //this ends h1 +} //this ends header + + +a{ + text-decoration: none; + letter-spacing: 1px; + color: black; + font-size: 1.3rem; + display: flex; + justify-content: space-between; + +} + +.profile { + width:90%; + padding-top: 2%; + padding-left:2%; + display: flex; + flex-direction:row; + align-items: center; + border-bottom: 2px dotted black; + } + +section .profile{ + display: flex; + flex-direction: column-reverse; +} +h2 { + width: 25%; + padding: 1%; + font-size: 1.5rem; + display: flex; + align-items: center; +} + +p { + width:40%; + font-size: 1.2rem ; +} + +img { + width: 20%; + border: 1px solid black; + border-radius: 85%; +} + +.skills { + width: 100%; + display: flex; + justify-content:space-around; + border: 1 px dotted black; + } + + + From a036f7dfce0580344126de3f91f78ae465d65bfe Mon Sep 17 00:00:00 2001 From: Nelly Montanez Date: Wed, 20 May 2020 23:26:45 -0400 Subject: [PATCH 03/13] made changes to the skills and languages section by correcting nesting errors --- css/index.css | 35 ++++++++++++++++++++--------- index.html | 27 ++++++++++------------ less/index.less | 59 ++++++++++++++++++++++++++++++++++++------------- 3 files changed, 81 insertions(+), 40 deletions(-) diff --git a/css/index.css b/css/index.css index 952d9abc7..448267e30 100644 --- a/css/index.css +++ b/css/index.css @@ -132,7 +132,6 @@ table { padding: 0; margin: 0; max-width: 100%; - border: 1px solid grey!important; } @media (max-width: 500px) { header nav { @@ -145,7 +144,7 @@ body { height: 100%; } body { - background-image: url(https://images.unsplash.com/photo-1589810264340-0ce27bfbf751?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80;); + background-image: url(https://images.unsplash.com/photo-1589810264340-0ce27bfbf751?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80); } header { width: 100%; @@ -159,12 +158,7 @@ header nav { justify-content: space-around; align-items: baseline; } -header nav h1 { - width: 70%; - font-size: 2.5rem; - color: black; -} -a { +header nav a { text-decoration: none; letter-spacing: 1px; color: black; @@ -172,14 +166,19 @@ a { display: flex; justify-content: space-between; } +header nav h1 { + width: 70%; + font-size: 2.5rem; + color: black; +} .profile { width: 90%; padding-top: 2%; padding-left: 2%; + padding-bottom: 2%; display: flex; flex-direction: row; align-items: center; - border-bottom: 2px dotted black; } section .profile { display: flex; @@ -203,7 +202,23 @@ img { } .skills { width: 100%; + height: 62.5vh; + color: black; + padding-top: 3%; display: flex; justify-content: space-around; - border: 1 px dotted black; + border-top: 2px dotted black; + border-bottom: 2px dotted black; +} +.skills .list1 { + width: 50%; + padding: 3%; + list-style-type: none; +} +.skills .list2 { + width: 50%; + padding: 3%; +} +.skills h2 { + font-size: 1.75rem; } diff --git a/index.html b/index.html index 363291133..f027a3a95 100644 --- a/index.html +++ b/index.html @@ -33,24 +33,21 @@

Profile

Skills

-
    -
  • Programming
    • -
  • Debugging
    • -
  • Collaboration
    • -
  • Critical Thinking
    • -
  • Oral and Written Communication
    • -
+
Programming
+
Debugging
+
Collaboration
+
Critical Thinking
+
Oral written communication
-
+

Languages

-
    -
  • JavaScript
    • -
  • Java
    • -
  • Python
    • -
  • DJango
    • -
  • SQL
    • -
+
JavaScript
+
Java
+
Python
+
DJango
+
SQL
+

Education

diff --git a/less/index.less b/less/index.less index 8b71b17fb..d7fe910d6 100644 --- a/less/index.less +++ b/less/index.less @@ -54,7 +54,7 @@ table { padding: 0; margin: 0; max-width: 100%; - border: 1px solid grey!important; //Take important off when done + // border: 1px solid grey!important; //Take important off when done } //media queries begin @@ -74,10 +74,10 @@ html, body { body { - background-image: url(https://images.unsplash.com/photo-1589810264340-0ce27bfbf751?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80;) + background-image: url(https://images.unsplash.com/photo-1589810264340-0ce27bfbf751?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80); } - +// HEADER BEGINS BELOW THIS LINE****** header { width:100%; height: 15vh; @@ -89,6 +89,15 @@ header { display:flex; justify-content: space-around; align-items:baseline; + + a{ + text-decoration: none; + letter-spacing: 1px; + color: black; + font-size: 1.3rem; + display: flex; + justify-content: space-between; + } //this ends the "a" h1 { width:70%; font-size: 2.5rem; @@ -97,25 +106,17 @@ header { } //this ends h1 } //this ends header +// HEADER ENDS ABOVE THIS LINE****** -a{ - text-decoration: none; - letter-spacing: 1px; - color: black; - font-size: 1.3rem; - display: flex; - justify-content: space-between; - -} - +//PROFILE SECTION AND PHOTO BEGINS BELOW THIS LINE***** .profile { width:90%; padding-top: 2%; padding-left:2%; + padding-bottom: 2%; display: flex; flex-direction:row; align-items: center; - border-bottom: 2px dotted black; } section .profile{ @@ -140,13 +141,41 @@ img { border: 1px solid black; border-radius: 85%; } +//PROFILE AND IMAGE SECTION ENDS ABOVE THIS LINE**** + +//SKILLS AND LANGUAGE SECTION BEGINS BELOW******** .skills { width: 100%; + height: 62.5vh; + color:black; + padding-top: 3%; display: flex; justify-content:space-around; - border: 1 px dotted black; + border-top: 2px dotted black; + border-bottom: 2px dotted black; + + .list1 { + width: 50%; + padding:3%; + list-style-type: none; + } //This ends .list + + .list2{ + width: 50%; + padding: 3%; } + + h2 { + font-size: 1.75rem; + }//this ends list2 + }//this ends .skills + +// SKILLS AND LANGUAGES SECTION ENDS ABOVE THIS LINE***** + +//EDUCATION BEGINS BELOW THIS LINE ******* +//EDUCATION ENDS ABOVE THIS LINE ********* +// FOOTER BEGINS BELOW THIS LINE ********* \ No newline at end of file From 111b5267cac27657dadfe3b4213b50a76491a1c2 Mon Sep 17 00:00:00 2001 From: Nelly Montanez Date: Fri, 22 May 2020 01:46:59 -0400 Subject: [PATCH 04/13] finished the education and footer section --- css/index.css | 47 +++++++++++++++++++++++++++++++----- index.html | 12 +++++----- less/index.less | 63 ++++++++++++++++++++++++++++++++++++++++++------- 3 files changed, 102 insertions(+), 20 deletions(-) diff --git a/css/index.css b/css/index.css index 448267e30..f06060d83 100644 --- a/css/index.css +++ b/css/index.css @@ -139,6 +139,9 @@ table { height: 10vh; } } +.fontColor { + color: #0C3658; +} html, body { height: 100%; @@ -148,7 +151,6 @@ body { } header { width: 100%; - height: 15vh; border: 3px solid black; padding-top: 6%; } @@ -161,7 +163,7 @@ header nav { header nav a { text-decoration: none; letter-spacing: 1px; - color: black; + color: [object Object]; font-size: 1.3rem; display: flex; justify-content: space-between; @@ -169,7 +171,7 @@ header nav a { header nav h1 { width: 70%; font-size: 2.5rem; - color: black; + color: [object Object]; } .profile { width: 90%; @@ -194,6 +196,7 @@ h2 { p { width: 40%; font-size: 1.2rem; + color: [object Object]; } img { width: 20%; @@ -203,22 +206,54 @@ img { .skills { width: 100%; height: 62.5vh; - color: black; + color: [object Object]; padding-top: 3%; display: flex; justify-content: space-around; - border-top: 2px dotted black; - border-bottom: 2px dotted black; + border-top: 4px dotted black; + border-bottom: 4px dotted black; } .skills .list1 { width: 50%; padding: 3%; list-style-type: none; + font-size: 1.2rem; + color: [object Object]; } .skills .list2 { width: 50%; padding: 3%; + font-size: 1.2rem; } .skills h2 { font-size: 1.75rem; } +.education { + width: 100%; + padding-top: 2%; + display: flex; + justify-content: space-evenly; + align-items: center; +} +.education button { + width: 100%; + color: white; + border: 1px solid black; + padding: 10%; + font-size: 1rem; + background-color: #1F5C89; +} +footer { + width: 100%; + height: 5vh; + display: flex; + justify-content: center; +} +footer p { + width: 20%; + padding-top: 1%; + padding-left: 2%; + padding-bottom: 1%; + color: white; + background-color: #1F5C89; +} diff --git a/index.html b/index.html index f027a3a95..6ca570cb1 100644 --- a/index.html +++ b/index.html @@ -50,16 +50,16 @@

Languages

+

Education

Lambda School | Full Stack Web Development May 2020-January 2022

+ +
+ +
\ No newline at end of file diff --git a/less/index.less b/less/index.less index d7fe910d6..237a6b1ec 100644 --- a/less/index.less +++ b/less/index.less @@ -66,8 +66,16 @@ table { } } + + //media queries END +//mixins being + +.fontColor { + color: #0C3658; +} + html, body { height: 100%; } @@ -80,7 +88,7 @@ body { // HEADER BEGINS BELOW THIS LINE****** header { width:100%; - height: 15vh; + // height: 16vh; border: 3px solid black; padding-top: 6%; @@ -93,7 +101,7 @@ header { a{ text-decoration: none; letter-spacing: 1px; - color: black; + color: .fontColor(); font-size: 1.3rem; display: flex; justify-content: space-between; @@ -101,7 +109,7 @@ header { h1 { width:70%; font-size: 2.5rem; - color:black; + color: .fontColor(); }//This ends nav } //this ends h1 } //this ends header @@ -122,6 +130,8 @@ header { section .profile{ display: flex; flex-direction: column-reverse; + + } h2 { width: 25%; @@ -133,7 +143,8 @@ h2 { p { width:40%; - font-size: 1.2rem ; + font-size: 1.2rem; + color: .fontColor(); } img { @@ -148,22 +159,25 @@ img { .skills { width: 100%; height: 62.5vh; - color:black; + color: .fontColor(); padding-top: 3%; display: flex; justify-content:space-around; - border-top: 2px dotted black; - border-bottom: 2px dotted black; + border-top: 4px dotted black; + border-bottom: 4px dotted black; .list1 { width: 50%; padding:3%; list-style-type: none; + font-size: 1.2rem; + color: .fontColor(); //figure out the color mixin feature } //This ends .list .list2{ width: 50%; padding: 3%; + font-size: 1.2rem; } h2 { @@ -174,8 +188,41 @@ img { // SKILLS AND LANGUAGES SECTION ENDS ABOVE THIS LINE***** //EDUCATION BEGINS BELOW THIS LINE ******* +.education { + width: 100%; + padding-top: 2%; + display:flex; + justify-content: space-evenly; + align-items:center; + + button { + width: 100%; + color: white; + border: 1px solid black; + padding:10%; + font-size: 1rem; + background-color: #1F5C89; + } + }//this ends .education //EDUCATION ENDS ABOVE THIS LINE ********* -// FOOTER BEGINS BELOW THIS LINE ********* \ No newline at end of file +// FOOTER BEGINS BELOW THIS LINE ********* + +footer { + width: 100%; + height: 5vh; + display: flex; + justify-content: center; + + p{ + width: 20%; + padding-top: 1%; + padding-left: 2%; + padding-bottom: 1%; + color:white; + background-color: #1F5C89; + } + +}//this ends footer \ No newline at end of file From 764f6861a7244d8753b5bcccd9e285c560087793 Mon Sep 17 00:00:00 2001 From: Nelly Montanez Date: Fri, 22 May 2020 13:21:36 -0400 Subject: [PATCH 05/13] added a work experience section by creating a table --- css/index.css | 31 +++++------------------------- index.html | 39 +++++++++++++++++++++++++++++--------- less/index.less | 50 ++++++++++++++----------------------------------- 3 files changed, 49 insertions(+), 71 deletions(-) diff --git a/css/index.css b/css/index.css index f06060d83..f9b96d14c 100644 --- a/css/index.css +++ b/css/index.css @@ -228,32 +228,11 @@ img { .skills h2 { font-size: 1.75rem; } -.education { - width: 100%; - padding-top: 2%; - display: flex; - justify-content: space-evenly; - align-items: center; -} -.education button { - width: 100%; - color: white; - border: 1px solid black; +table { padding: 10%; - font-size: 1rem; - background-color: #1F5C89; -} -footer { - width: 100%; - height: 5vh; - display: flex; - justify-content: center; + line-height: 2; } -footer p { - width: 20%; - padding-top: 1%; - padding-left: 2%; - padding-bottom: 1%; - color: white; - background-color: #1F5C89; +.footer { + text-align: center; + background-color: red; } diff --git a/index.html b/index.html index 6ca570cb1..3a5f88b52 100644 --- a/index.html +++ b/index.html @@ -26,7 +26,7 @@

Nelly Montanez

Profile

-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus architecto, repudiandae quidem ea dolore quam debitis suscipit iusto eligendi doloribus in iste distinctio a cumque, voluptates, saepe neque qui! Laboriosam?

+

Currently a student at Lambda School in the Full Stack Web Development. This is a valuable first experience in Computer Programming. Fluent in English and Spanish, verbal and written communication.

@@ -49,14 +49,35 @@

Languages

-
-
-

Education

-

Lambda School | Full Stack Web Development May 2020-January 2022

- -
- -
+
+

Work Experience

+ + + + + + + + + + + + + + + + + + + + + + + + + +
YearsCompanyTitleTech Used
1AppleSoftware EngineerSwift
2MicrosoftComputer Scientist.Net
3AmazonDevs OpAWS
+

Copyright Nelly Montanez 2020

diff --git a/less/index.less b/less/index.less index 237a6b1ec..3d44a6b38 100644 --- a/less/index.less +++ b/less/index.less @@ -186,43 +186,21 @@ img { }//this ends .skills // SKILLS AND LANGUAGES SECTION ENDS ABOVE THIS LINE***** - -//EDUCATION BEGINS BELOW THIS LINE ******* -.education { - width: 100%; - padding-top: 2%; - display:flex; - justify-content: space-evenly; - align-items:center; - - button { - width: 100%; - color: white; - border: 1px solid black; - padding:10%; - font-size: 1rem; - background-color: #1F5C89; - } - }//this ends .education - - -//EDUCATION ENDS ABOVE THIS LINE ********* - +//Work experience table starts +table { + // border: 1px solid black; + padding: 10%; + line-height: 2; + } +//work experience table ends // FOOTER BEGINS BELOW THIS LINE ********* -footer { - width: 100%; - height: 5vh; - display: flex; - justify-content: center; - - p{ - width: 20%; - padding-top: 1%; - padding-left: 2%; - padding-bottom: 1%; - color:white; - background-color: #1F5C89; - } +.footer { + // width: 100%; + // height: 5vh; + // + text-align: center; + background-color: red; + }//this ends footer \ No newline at end of file From bdcdfc2e97fc1da2344aa453e01c64fb16937e24 Mon Sep 17 00:00:00 2001 From: Nelly Montanez Date: Fri, 22 May 2020 13:35:07 -0400 Subject: [PATCH 06/13] made changes to my footer and styled it --- css/index.css | 8 ++++++-- index.html | 4 ++-- less/index.less | 13 +++++++------ 3 files changed, 15 insertions(+), 10 deletions(-) diff --git a/css/index.css b/css/index.css index f9b96d14c..64b476822 100644 --- a/css/index.css +++ b/css/index.css @@ -232,7 +232,11 @@ table { padding: 10%; line-height: 2; } -.footer { +.footer h3 { + font-size: 1.2rem; + color: white; text-align: center; - background-color: red; + margin: 0 40%; + padding: 1%; + background-color: #4682B4; } diff --git a/index.html b/index.html index 3a5f88b52..bdfb48477 100644 --- a/index.html +++ b/index.html @@ -79,8 +79,8 @@

Work Experience

-