@abhik-b
Posted
👋 Hey HackMort , Your solutions is very nice & responsive Well Done 🥳🥳 About the flipping animation without jQuery , I took inspiration from this codepen. Also I think that instead of using pseudo elements for background images if you set them on body itself , the background images would be visible.
@media screen and (max-width: 526px)
body {
background-size: auto;
background-position: center bottom, -850px bottom;
}
body {
background: hsl(235, 16%, 14%);
background-image: url(./images/bg-stars.svg), url(./images/pattern-hills.svg);
background-position: center bottom, center bottom;
background-repeat: repeat, no-repeat;
background-size: contain;
}
Great job with the timer & please keep coding amazing solutions like this 👍
Marked as helpful