search

devlarabar / 100freelancers

100freelancers is a tool to keep track of freelance clients. It is a community, open-source project in the early stages of development.
https://100freelancers.vercel.app
MIT License
15 stars 11 forks source link

Landing page #32

Closed Kirk-Esterline closed 9 months ago

Kirk-Esterline commented 9 months ago

Commit coauthored with Ahmed Hamdy

Description

Built out the landing page to resemble the design layout. We added a ul, two imgs, as well as necessary tailwind classes to page.jsx.

Testing

We tested on different browsers and screen sizes to check responsiveness.

Did you change the schema?

Issue

Closes #20

vercel[bot] commented 9 months ago

Someone is attempting to deploy a commit to a Personal Account owned by @devlarabar on Vercel.

@devlarabar first needs to authorize it.

Kirk-Esterline commented 9 months ago

Thank you for the quick and clear feedback!

I added several break points to make the page responsive to screen size. On smaller screen sizes the images are beneath the "view" "add" and "track" text. On larger screens the text and images are side by side however, the images will respond by either being stacked or overlapped depending on screen size. I made that decision to make the layout feel less cramped in the 'large' breakpoint without needing to make either image smaller.

Let me know if additional changes are required.

Kirk-Esterline commented 9 months ago

With Ahmed's help we added aditional break points to keep the text and images side by side on a wider range of screens, and adjusted the styling on mobile screen sizes to be more mobile specific.