All solutions

How do you stop placeholder text moving on focus when you increase the border size?

Thanks

Struggling with JavaScript for this so just moving on. Happy with the design though!

Struggled with this project, especially the JavaScript. Got there in the end but it can probably be improved upon in some areas.

I wouldn't have even known where to start on a simple project like this a year ago but I can complete it now like it's second nature to me. It's a great feeling!

First time creating a project with some JavaScript in it, albeit a very small amount.

Appreciate any feedback on the structure of my code. If there's an easier way to do anything I've done, please let me know!

Thanks :)

Appreciate any feedback/advice.

Thanks!

Can somebody tell me why I have to define .box-2 and .price first when adding CSS to the second p element and the span in that div but yet when I do .price for the first p element in that div it takes effect right away?

Thanks

Still finding it a little difficult to position things but getting there. It's interesting how there are so many different ways to do any one thing.

Appreciate anybody taking a look at my code.

Cheers!

Can somebody explain how adding two box-shadows like I have creates that effect and how it's actually working? I understand the basics but I got the idea from somebody else.

Also, is there a better/easier way to create the overlay or is my method good enough?

Thanks

Such a relief to finish this one. The toughest so far. Using max-width makes things so much easier when it comes to responsiveness, can't believe I've neglected it so much in the past :(

Would appreciate any constructive criticism :)

Welcome any suggestions to improve my code :)

The most enjoyable project so far but that's probably because there were a lot less complications than the previous two. Starting to feel more confident when dealing with responsive design.

I definitely found this one tougher than the first project and it showed me that I still have a lot to learn. I think it's turned out good enough though. I would appreciate any help/feedback.

Few questions:

Why does 'overflow:hidden' work on the card border-radius instead of having to do it on each box separately? Also, when in mobile view in dev tools the mix-blend-mode overlay disappears. Can anyone advise how to fix this?

Thanks

Hi!

Just completed this project. I'm happy with the end product but would appreciate any feedback for anything you feel could be done better.

I've added a media query for mobile and it looks fine in dev tools but I'm not sure if my method is the most efficient way of approaching this?

Thanks