Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
6

BerylBucket

@BerylBucket280 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Accordion with plain HTML/CSS/JS


    BerylBucket•280
    Submitted over 4 years ago

    1 comment
  • Single Price Grid with plain HTML and CSS


    BerylBucket•280
    Submitted over 4 years ago

    2 comments
  • IP Address Tracker with Vue


    BerylBucket•280
    Submitted over 4 years ago

    2 comments
  • Room homepage with Vue


    BerylBucket•280
    Submitted over 4 years ago

    1 comment
  • URL Shortening site with Vue


    BerylBucket•280
    Submitted over 4 years ago

    1 comment
  • REST Countries API (HTML/CSS/Vue)


    BerylBucket•280
    Submitted over 4 years ago

    1 comment
View more solutions

Latest comments

  • Imran•105
    @imRAN-1998
    Submitted over 4 years ago

    Launch countdown-timer using simple vanilla JS

    2
    BerylBucket•280
    @BerylBucket
    Posted over 4 years ago

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

  • Arturo Simon•1,805
    @artimys
    Submitted over 4 years ago

    Responsive page using grid-template-areas

    2
    BerylBucket•280
    @BerylBucket
    Posted over 4 years ago

    Hi!

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

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe
    Submitted over 4 years ago

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

    6
    BerylBucket•280
    @BerylBucket
    Posted over 4 years ago

    This is so good!

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

  • Arturo Simon•1,805
    @artimys
    Submitted over 4 years ago

    Responsive design with search validation and animation

    2
    BerylBucket•280
    @BerylBucket
    Posted over 4 years ago

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

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe
    Submitted over 4 years ago

    Responsive Testimonial Section Using CSS Grid

    3
    BerylBucket•280
    @BerylBucket
    Posted over 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.

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe
    Submitted over 4 years ago

    Coming Soon Page with CSS Animations and CSS-Only Validation

    1
    BerylBucket•280
    @BerylBucket
    Posted over 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.

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub