Skip to content
OverviewSolutions
6
Comments
7
Villo
@VilloKodeHode

All comments

  • Villo•190
    @VilloKodeHodePosted almost 2 years ago

    https://www.w3schools.com/css/css_rwd_intro.asp

    W3 schools is a very good source to learn just everything about css and html.

    Your solution doesn't seem that far of though. Good work! The mobile design just needs to be generally smaller, thats it.

    1
  • Villo•190
    @VilloKodeHodePosted almost 2 years ago

    Looking at your solution I with Devtools -> device toolbar you see that the card isnt centered as it should be. Try looking over it again and figure it out.

    There might be an issue with this code: font-size: 62.5%;. If you wanted a resposive text-size would it not be better to just set them with media queries?

    Also: to make the image centered maybe try something like 100vh on the body tag. You can also try adding flex and try to center the component inside of the body tag then.

    Marked as helpful
    1
  • Niriksh Bharti•20
    @NirikshbSubmitted almost 2 years ago

    Even after using fetch for multiple other projects. I still have this unsurety about me not being able to print the data while it did happen i did learn a few new techniques i was unaware of.

    Advice Generator using a simple fetch.

    1
    Villo•190
    @VilloKodeHodePosted almost 2 years ago

    Well done dude! The best thing about these project is learning new stuff. I would recommend trying to fix the mobile design to do the responsive design also. It can be really frustrating, but you learn alot!

    1
  • JackoWill•40
    @JackoWillSubmitted almost 2 years ago

    What did you find difficult while building the project? Found changing the color of the image hard but eventually figured it out after some research.

    Do you have any questions about best practices? Just want to know If my code looks okay and if my media queries are correct? Any feedback would be awesome. Thanks!

    Responsive Stats-Preview-Card-Component

    1
    Villo•190
    @VilloKodeHodePosted almost 2 years ago

    Seems like you did the project really close to what it should look like. Well done! Nothing in accessability report either, very nice.

    0
  • BELAL REZK•20
    @br123lodoSubmitted almost 2 years ago

    well, I didn't make the challenge exactly , but I made it much better . the challenge was easy and very basic , so I made it more attractive by using 3D transformations properties and hover effects. its like when you hover over it , the details of the product will appear by flipping the card in the y-axis with the rotation property .

    flip product

    1
    Villo•190
    @VilloKodeHodePosted almost 2 years ago

    I like your solution! But as part of the challenge you should show that you can do the assignment as specified. If you want to add more you can add a button somewhere to show of your extra work (or maybe even side by side if you dont want to use JS). I did the same with a different challenge since it was so much fun to extend upon it.

    Marked as helpful
    0
  • Villo•190
    @VilloKodeHodePosted almost 2 years ago

    With a masterful eye for detail and an unwavering commitment to excellence, your work continues to astound and inspire. Each piece is a testament to your unparalleled skill and artistry, a flawless recreation of the original that leaves us in awe. You are a true inspiration, a shining beacon in the world of art and creativity.

    1
  • Villo•190
    @VilloKodeHodePosted almost 2 years ago

    As your friend, I have to say this truthfully: You worked really hard on this and you where finally able to make it work. Proud of you!

    Marked as helpful
    1