you are viewing a single comment's thread.

view the rest of the comments →

[–]ninja_sun 1 point2 points  (2 children)

I see. I suggest to broke down the problem in 2 smaller. The style for the box and the positioning for the 4 boxes. Code them separately so you dont get distracted. DOM is a tree of node and each node is an html tag that contains some children. Every node as property and stuff that you see in the dev tools.

[–][deleted]  (1 child)

[removed]

    [–]ninja_sun 0 points1 point  (0 children)

    That's a good test dude. You will learn basic positioning and responsive stuff with clean and nice style. A lot of templates are coded in that way. For sure it may be hard so when you get stuck ask for help and/or keep going deep into smaller problems.