Skip to content
OverviewSolutions
9
Comments
2
scorpio
@Scorpiojk

All comments

  • Toluwalase•160
    @Tolux001Submitted about 1 year ago

    ♈Hello, Coding Community

    This is my solution for the Stats Preview Card

    Had a lots of fun building this challenge under record time!

    I also got to know about Google page speed Insight, which helped me in page speed optimization. I Scored 97% on Google Page speed Insights! 🤯🤭😬

    Layout was built responsive via MOBILE FIRST WORKFLOW

    Feel free to leave any feedback and help me to improve my solution (or) make the code clean!

    I made some custom tweaks to my code` CUSTOM TWEAKS..🌐 : I used Global declaration for variables :root{} Added smooth box shadow that roll out the shadow every 4s.

    Also some hovering on the card while in desktop mode. 👨‍💻 Follow me in my journey to finish all newbie challenges to explore solutions with custom features and tweaks Ill be happy to hear any feedback and advice!

    Reponsive Page Built Using CSS Flexbox

    3
    scorpio•170
    @ScorpiojkPosted about 1 year ago

    Very clean code! I'm using to :root for colors and some variables, hope keep this workflow. I recomend for cleaner hover animation to add the border before the :hover, you can made this whit the transparent color(eg: border: 2px solid transparent). This will prevent the change of size of the button. Hope to continue whit the code! Greetings!!

    Marked as helpful
    2
  • MeaganA•40
    @MeaganASubmitted about 1 year ago

    While building this project, my main challenge was creating a border radius for the card itself since they were two separate elements near to one another, which was the image and product description section. I was wondering if someone could look over my code and website to see if there is something I missed. A second pair of eyes doesn't hurt. Thank you so much. :)

    Product Preview Card Component using Flexbox

    4
    scorpio•170
    @ScorpiojkPosted about 1 year ago

    It's a better solution to not use padding. You can center elements in a more responsive way eg. using flex. This wil made easier to do the borders because you'll have a container for the product. Good luck and success in your next works!

    Marked as helpful
    0