-
- It’s great to want to help other people in their coding journey, but if your advice is bad, you are actually doing more harm than good. Before responding, ask yourself, “Am I 100% sure I know the right way to solve this problem?”
- If the question seems confusing or ambiguous, ask for more clarity, or kindly link them to /question.
So far, you've learned how to create a grid, adjust the sizes of the tracks, and position grid elements in specific rows and columns. Right now, you have all the tools you need to be able to create any kind of static grid layout, but what do you do when you want your grid to be more responsive, dynamic, or reusable?
In this lesson, you will learn about some more advanced Grid properties that can help you do this.
By the end of this lesson, you will be able to:
- Create multiple grid tracks more easily using the
repeat
function - Create grid tracks using
fr
units instead of an explicit size
For two years, I've been a community member of and contributor to The Odin Project, and in my time there I have grown from a help-seeker to primarily a help-provider. TOP's curriculum features many opportunities to build games, from simple ones like Rock Paper Scissors and Tic Tac Toe, to more complex ones such as to Chess and Battleship.
As a Javascript developer, much of my learning happened in the browser environment where access to markup and styling is conveniently close at hand. As wonderful as this is for the process of game creation, I have often witnessed the tendency for inexperienced learners to fall into the anti-pattern of interacting with the DOM too freely within their game logic.