Changes made:
Items now drop with center alignment within their columns:
.item CSS to include width: 100px; and text-align: center;.columns array in JavaScript to [0, 100, 200] to align with the new column widths.Added two light gray vertical line borders between the three vertical drop columns:
.column-border to create vertical lines.<div> elements with the column-border class in the HTML.Improved the player controller / catcher symbol:
#player CSS to change it from a circle to a rectangular shape with rounded top corners.width: 60px; height: 20px;.border-radius to 10px 10px 0 0 to round only the top corners.120px to align with the new column layout.These changes should improve the visual appeal and functionality of the game while maintaining its core mechanics.
Loading...