Inspiration

I was inspired to make a satirical, humorous site for FreeCodeCamp with basic utilization of HTML and CSS. I enjoy creating pages in a light-hearted manner that can help viewers indulge in a bit of laughter.

What it does

This site roughly relates to a mock tribute page, where Zoidberg from Futurama is contemplating whether he is an octopus or a crab. The page offers (mostly gag) information about Zoidberg and his friends.

How we built it

I used Codepen and incorporated HTML and CSS to get the skeleton of my page created. I was somewhat able to use Flexbox features and put my basic knowledge of both languages to the test.

Challenges we ran into

I had some trouble properly organizing my HTML. I still have some confusion about the most sufficient layout of a page. Other issues were related to my CSS, which I have very basic comprehension of, so my page is not as intricately designed as I would like. Scaling was a huge issue as well for me.

Accomplishments that we're proud of

I'm very happy with how I was able create my page thus far from bare bones. It really tested my understanding of HTML/CSS and to see my creation come alive was very satisfying.

What we learned

Since this was a previous project I worked on, for this specific challenge I was able to further test myself with RBG color schemes and was able to implement the exact hues and colors I preferred. For the challenge criteria, I changed around my border colors, background colors, and changed 3 different colors from my previous work (rgba(255, 130, 0, 0.8), rgba(10, 150, 250, 0.8), rgba(0, 120, 90, 0.6) ).

What's next for Website Mock-up With 3 Colors

I would love to study color theory more in order to understand the importance of different color combos. In other words, learning more about color cohesiveness for a page will most definitely help with user accessibility, ease, and functionality.

Built With

Share this project:

Updates