badgooooor/#4 Footer component

[badgooooor]

Description

• Add Footer component and push in historia
• Add screen breakpoint sm at 320px, reference from Figma of Footer component

Note:

• Have not linked url of pages in Footer yet
• I tried exporting WeVis logo from Figma but the exported image is not that sharp. Is there anyway to make this better?

[Th1nkK1D]

I tried exporting WeVis logo from Figma but the exported image is not that sharp. Is there anyway to make this better?

Maybe export or copy as a SVG? Or try to increase the size from the export menu, from 1x to 1.5x or 2x. 🤔

[badgooooor]

I tried exporting WeVis logo from Figma but the exported image is not that sharp. Is there anyway to make this better?

Maybe export or copy as a SVG? Or try to increase the size from the export menu, from 1x to 1.5x or 2x. 🤔

Guess I'll go for svg first. It's more surefire. That will also apply to social icons too, since they are fallen to this case.

[badgooooor]

I have adjust breakpoint a bit by push breakpoint one step larger. For smaller screen (about 320-480px) I think it can packed to grid-cols-2 but this can break layout of menu in footer. This was fixed alongside email icon, spacing between menu item and margin of WeVis logo.

Result after adjusting breakpoints

Tried out fix to 2 columns I think it'd be a bit mess if we try to tackle how menu section placed.

I'm a bit stuck on converting svg from Figma and getting those svg scalable. I've tried on both applied svg in main Figma and original svg in base icon Figma. Not quite if I need to fix its path or if there is any workaround on this.

[Th1nkK1D]

Thank you for the Hacktoberfest participation! Please fill up the form before 6 November 2023 to receive our limited-edition stickers.