DEV Community

Discussion on: How to create pure CSS illustrations and animate them - Part 3

Collapse
 
aggelow profile image
aggelow

Here is the pen: "codepen.io/aggelow/pen/yxPBjW".

Thread Thread
 
agathacco profile image
Agathe Cocco

oh dear! that's because there's no size or position for the 'lighthouse-group' element. This is 100% my fault, I forgot this step in the tutorial (I've now amended the post). If you add the below CSS, and use the bottom property again, your issues should be fixed

.lighthouse-group {
width: 50%;
height: 100%;
bottom: 0;
left: 0;
z-index: 2;
}