All solutions

Probably not the most optimal solution for the JS Image Slider, but it works!

Loved the aesthetic of this project :)

Hey, Frontend Mentor community 👋

It's been a while, so I'm submitting a "simple" challenge to get back to the grind 😄

I struggled I little bit building the toggle switch, but nothing crazy.

This took me longer than expected, but I learned a lot in the process and decided to document almost everything in my README.md.

It's a little bit too long to explain it here.

10th challenge done 🚀.

I struggled a little bit on how to style the radio buttons and on how I should implement the "thanks card" dynamically, ngl.

Not specific questions, unless you know of a better way on how to hide and unhide the thanks card easily 😅

Pretty satisfied with this solution, tho 😄

It's been a while, so I decided to get back to the grind by building something simple :)

Everything seems to be working, but when checking the website while using Safari iOS, it seems like the overflow: hidden on the body doesn't work on the x-axis.

Ironically, everything seems fine while using Safari macOS.

Any ideas on what could it be?

I learned how to implement an intermediate/tablet media query in additional to the desktop media query 🤝

After submitting my solution, I see that the desktop card is too big. Guess I should upgrade to Pro sooner or later 😅.

I learned how to add an overlay element dynamically using the ::after pseudo-element and position: relative and position: absolute instead of using CSS Grid.

The more you know, similar to the NFT Preview Card challenge :)

This one was easy in comparison to other card projects. I struggled a little bit centering the items on my body grid and ignoring the pattern-background.

Could figure out a solution by centering all the items in the body grid, and then centering the pattern-background back.

Getting better little by little :)

I struggled on how to overlap elements in CSS. The "obvious choice" would have been to use position: absolute.

But found out a better way using CSS Grid. You can set all the grid items to be in the same cell :)