Skip to content
OverviewSolutions
7
Comments
6
BerylBucket
@BerylBucket

All comments

  • BerylBucket•280
    @BerylBucketPosted almost 4 years ago

    Solution looks strange in mobile Safari, see link: https://ibb.co/f1b1fdb

    1
  • BerylBucket•280
    @BerylBucketPosted about 4 years ago

    Hi!

    Your desktop view is excellent but on mobile the spacing between the avatars and the names disappears.

    0
  • ApplePieGiraffe•30,545
    @ApplePieGiraffeSubmitted about 4 years ago

    Hey, everybody! 👋

    This was an awesome challenge that was a little trickier than I initially thought! 😅

    This was my first time creating a site with light/dark themes but I'm pretty happy with the result. I added this cool transition that ripples over the cards when the theme is changed! 😆

    As usual, feedback is welcome and appreciated! 😊

    And as always, happy coding! 😁

    Social Media Dashboard With CSS Grid And Light/Dark Theme Transition

    6
    BerylBucket•280
    @BerylBucketPosted about 4 years ago

    This is so good!

    P.S. Your profile says you're a newbie, but I don't believe it. :)

    1
  • BerylBucket•280
    @BerylBucketPosted about 4 years ago

    On desktop, your solution is great, but on mobile the spacing between cards and tags disappears.

    0
  • ApplePieGiraffe•30,545
    @ApplePieGiraffeSubmitted about 4 years ago

    Hey, everybody! 👋

    This was a nice, simple challenge that I enjoyed and in which I was reminded of the joys of using CSS grid! 😂

    I added some subtle hover effects to the testimonial cards to keep things a little interesting. 😉

    BTW, if anyone's interested, here's a little cheat sheet for CSS grid that I find is a nice, quick reference.

    As always, feedback is welcome and appreciated! 😊

    Happy coding! 😁

    Responsive Testimonial Section Using CSS Grid

    3
    BerylBucket•280
    @BerylBucketPosted about 4 years ago

    Looks awesome! Minor nitpick but the design called for a purple outline around the Patrick Abrams avatar you made it gray. Regardless, excellent work.

    1
  • ApplePieGiraffe•30,545
    @ApplePieGiraffeSubmitted about 4 years ago

    Hey, everybody!

    This was a nice, simple project that I enjoyed! 😃

    I once again chose to use CSS-only form validation (and included some validation icons from the last challenge I completed) and added some CSS animations.

    Any feedback on both the design and code is welcome and appreciated! 😊

    Happy coding! 😁

    Oh, and, @zuolizhu, the VS Code extension Live Sass was so much nicer and simpler to work with (compared to NPM and node-sass)! 😉

    Coming Soon Page with CSS Animations and CSS-Only Validation

    1
    BerylBucket•280
    @BerylBucketPosted about 4 years ago

    Looks pretty good, almost an exact match!

    Only problem I see is that the social media icons on the bottom are cut off a little bit. Perhaps you could check the svg viewboxes.

    1