Learning HTML and CSS

- 1 min

My Crash Course in HTML and CSS

Yesterday, we learned the very basics of HTML and CSS and had a pretty fun assignment where we replicated a basic webpage in HTML and CSS and then used CSS exclusively to replicate a button. I’ll attach images and the link to my CodePen if you want to see my code. As I’ve mentioned before, I think this is very different skillset, it takes an incredible amount of patience to tweak these elements until they are pixel perfect, or as close you intend to get there. I definitely have a lot to learn when it comes to creating anything that a user will ever see, but it’s been a fun exercise so far and I was really blown away by some of the designs I saw. The animations on some examples were amazing! I’m guessing this is the power of Javascript right?

This is my CodePen

This is the webpage I was supposed to replicate, it’s very ‘98, if I do say so.

This is a screenshot of what I created, it’s certainly not perfect, but for my first foray into creating something in HTML and CSS from scratch, I don’t think it’s too bad! The dimensions are a little warped because this is just a portion of the full image.

Here is the button that I mentioned we replicated.

Here is my attempt. Again, not pixel perfect, but it was certainly a lot of fun to play with.

As a bonus, this is one of my favorite CodePens! check it out!

Andrew Pierce

Andrew Pierce

Software Engineer based in Durham, NC

comments powered by Disqus
rss facebook twitter github youtube mail spotify instagram linkedin google google-plus pinterest medium vimeo stackoverflow reddit quora