Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
17
Comments
3

Daniel Gibson

@DanielGibsonOrchid885 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

  • Mobile-first landing page


    Daniel Gibson•885
    Submitted over 4 years ago

    0 comments
  • React.js, Hooks, LocalStorage, Drag 'n Drop


    Daniel Gibson•885
    Submitted over 4 years ago

    3 comments
  • CSS Grid Testimonial Section


    Daniel Gibson•885
    Submitted over 4 years ago

    2 comments
  • React - Styled Components - Google Maps API - Loading Animation


    Daniel Gibson•885
    Submitted over 4 years ago

    1 comment
  • Easybank - Gulp, Sass, mobile first, BEM naming


    Daniel Gibson•885
    Submitted almost 5 years ago

    1 comment
  • Responsive Landing page with testimonial slider


    Daniel Gibson•885
    Submitted over 5 years ago

    2 comments
View more solutions

Latest comments

  • Mateusz Pocztowski•170
    @mateusz-pocztowski
    Submitted almost 5 years ago

    Gatsby, Countries API, GraphQL, Framer Motion with infinite scrolling

    1
    Daniel Gibson•885
    @DanielGibsonOrchid
    Posted almost 5 years ago

    Very nice solution! I like the smooth transitions and loading animations

  • Abdullah Al Mahin•60
    @mahin-abdullah
    Submitted almost 5 years ago

    Easybank Landing Page

    2
    Daniel Gibson•885
    @DanielGibsonOrchid
    Posted almost 5 years ago

    Hi Abdullah, Great work on the Easybank project, it looks good.

    Two bits of feedback I would give are these:

    • It's important to get all of the content aligned correctly so the eye can follow it easily, some of your text is center aligned while other parts are left aligned. An easy way to fix this is to place text content within container div's, then on that container set a max-width and text-align left (or center for mobile).

    • Second, it's much easier to manipulate images into the right position if they are set to position: absolute then set a width and top & left alignment

    If you like you can check out my solution to easybank and see how I've done these

  • Chamu•13,800
    @ChamuMutezva
    Submitted over 5 years ago

    Huddle landing page with single introductory section - css and html

    2
    Daniel Gibson•885
    @DanielGibsonOrchid
    Posted over 5 years ago

    Looks good @Chamu! well done on the mobile responsive. I would recommend adding a wrapper div around your content and then adding css to that such as: max-width: 1440px; margin: 0 auto; . Or just add it to the body tag. This will make it look better on larger screens

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