DEV Community

Jennifer Tieu
Jennifer Tieu

Posted on

Self-Taught Developer Journal, Day 47: TOP Building Rock Paper Scissors UI cont.

Today I started to arrange my HTML elements on my web page to match my mockup.

HTML

Then I styled the border for all of my classes with a red, 1px, solid line border. I saw this trick on Twitter where you can better see the elements on the page as you're styling. It helped me a lot to visually verify what I was doing in CSS.

Elements Red Border

I mainly used flexbox again since I don't know any other way to move the elements around without statically inputting values. I'm a little unsure if this is how I want to keep it, but I will stick with it for now.

I'm planning to finish adjusting and then start on the JavaScript for the game.

Resources

The Odin Project
Revisiting Rock Paper Scissors

Top comments (0)