A little while ago, I challenged myself to
create some web designs
as part of my self-studies into web development. I’m almost 3 months in and have come up with 3 designs:
As part of the challenge, I needed to implement those designs in Codepen.
And the winner of this month’s design challenge is….: Glitch!
Here’s the original design:
And here’s my implementation:
Some of the Code:
First, I added html classes similar to below:
The purposes here is to add the boxes after ‘Glitch’ heading. I had 12 groups of these boxes which made it a very repetitive process.
Second, I had to position all these elements accordingly so I implemented it this way:
There were 12 groups…