Rose gold gradient with CSS: freeCodeCamp Assignment #5

Hey guys. So, I told you last night that I was blasting though the FCC assignments. Well, I am proud to announce that I have just finished the last assignment for the Responsive Web Design Certification, create a Personal Portfolio Page. Here is a screenshot:

I used a “rose gold” background because I am really digging those colours at the moment. I like the way the linear gradient draws your eye to the centre of the page, and is bright without being blaring.

Rose gold is a tone that has gained increasing popularity in the last few years. It is an alloy that contains copper, which gives it its unique color.

body {
background-image: linear-gradient(to right, rosybrown, pink, navajowhite, cornsilk, navajowhite, pink, rosybrown);

The challenges were relatively easy – a sticky navigation menu, a responsive grid – but I gave it my best shot and added some design elements that we had covered in the curriculum. Namely, I used the CSS drop-shadow effect on my tiles and aligned the tiles horizontally.

Code for the Navbar

     <div>
<nav id="navbar">
    <a class="nav-link" href="#about">about</a>
  <br>
    <a class="nav-link" href="#projects">projects</a>
  <br>
    <a class="nav-link" href="#contact">contact</a>
  <br>
  <a class="nav-link" href="#welcome-section">home</a>
  </nav>     
     </div>

CSS for the Navbar

navbar {

position: fixed;
top: 0px;
right: 0;
width: 4em;
background: lavenderblush;
border-radius: 10%;
padding: 10px;
}

Here is the link to my CodePen page, just in case you are interested in connecting.

I have always been mostly a “task oriented” person. I like to plan, put structures into place, and sequentially work until I finish things. This is probably why I thrive on running my own small business, tend to practice solitary pursuits (yoga, meditation) and enjoy a busy but very structured schedule.

Finishing this challenge gave me a sensation is one near to elation – how nearly had I forgotten how much I love to tell a computer what to do! Looking forward to starting the JavaScript course is putting it vey mildly. Check in and watch me grow my skills. I still have some strings to my bow….Peace out.