Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

advice generator app

Yazdunā€¢ 1,310

@Yazdun

Desktop design screenshot for the Advice generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


added loading and some transitions. built with vanilla javascript and plain css āœŒļø

Community feedback

Dev Rathoreā€¢ 2,600

@GitHub-dev12345

Posted

Congratulations šŸŽ‰šŸŽ‰ bro. Use this code to increase the size of card : šŸ˜Š used this CSS Property in your card to increase and decrease the size of card:

1.In Card design CSS Code Used this:

transform : scale(0.8); this property decrease the size of card. šŸ˜‰

large size for increase the number of scale & small size for decrease the number of scale

I hope you find this helpful

0

Yazdunā€¢ 1,310

@Yazdun

Posted

@GitHub-dev12345 Hello Rathore and thanks for your feedback ā¤ļø for the card and mainly all elements, I prefer to use paddings, width and height rather than transform, I personally think using transform for specifying element's size, will mess up the code in the long run, this is a really small layout but what if you want use grid of flexbox later on? I prefer to use transform for animations or hover states but I think it goes back to personal preferences.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord