All comments

Robert• 40
@RobertLikesCoding
Submitted 5 months ago
What are you most proud of, and what would you do differently next time?

I like the way I managed to create the hover effect with the translateY and translateX.

https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translateX

What challenges did you encounter, and how did you overcome them?

No challenges except for the hover animation.

What specific areas of your project would you like help with?

I'd be interested in other ways to animate the hover effect!
Blog preview card with hover animation
2
Paul McAviney• 40
@paul-mcaviney
Posted 5 months ago
Great job with the challenge! My only criticism is that it's a bit bigger than the original design, which isn't a big deal. Also you didn't replace the original README file so the one displayed in your github profile is the one for starting the project.
0
TitaHerizo• 70
@TitaHerizo
Submitted 6 months ago
What are you most proud of, and what would you do differently next time?

I'm proud that I was able to finish the project using my knowledge of html and css.

Next time, I'll learn sass and improve the solution using sass.

What challenges did you encounter, and how did you overcome them?

The most challenge is mainly centering the section and the responsive part.

I re-read the css and change little by little to see the change.

What specific areas of your project would you like help with?

In the css, I would like to know if there is a way to shorten it,
Responsive QR Code component using custom CSS
2
Paul McAviney• 40
@paul-mcaviney
Posted 6 months ago
Great job with the solution @TitaHerizo!

You could probably shorten your CSS by not including all the media queries. I don't think the size really changes much from mobile to desktop according to the design file, so just build it for mobile and you should be good!
Marked as helpful
1

Paul McAviney

All comments

Blog preview card with hover animation

Responsive QR Code component using custom CSS