To be honest I don't think Gatsby was the right choice for this kind of app. I had a problem with static queries, which caused me couple hours of fixing it. It was a new issue - I found a solution on github gatsby's issues, where the topic had only few hours. Allthough It was my second project with Gatsby and I really like it, but I'm still learning :D
Daniel Gibson
@DanielGibsonOrchidAll comments
- @mateusz-pocztowskiSubmitted over 4 years ago@DanielGibsonOrchidPosted over 4 years ago
Very nice solution! I like the smooth transitions and loading animations
1 - @mahin-abdullahSubmitted over 4 years ago
Any feedback will be appreciated. Thanks!
@DanielGibsonOrchidPosted over 4 years agoHi 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
1 -
- @ChamuMutezvaSubmitted almost 5 years ago@DanielGibsonOrchidPosted almost 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
3