The attack bar is an interface in which we can select which attack we'd like to use. We need to create the frontend markup for this before we get to any battle logic.

Here we'll learn how to start integrating HTML and CSS into our canvas game to enhance our user's experience and give us an enjoyable development process via browser dev tools.

• 1:00 - Base Container Markup

• 6:10 - Attack and Attack Type Containers

• 10:54 - Center Elements in Containers

• 13:55 - Position Buttons with CSS Grid

• 18:34 - Change Fonts