Feature/about us first section

[cherylli]

Web Dev Path
106

Have you updated the CHANGELOG.md file? If not, please do it.

yes

What is this change?

1. Add about content and styling (for first section)
2. Restructure components folder
3. Change relative to absolute import

Were there any complications while making this change?

no

How did you verify this change?

Run locally in mobile and desktop mode in different screen sizes

When should this be merged?

After review

[netlify]

✅ Deploy Preview for priceless-booth-2dfcaf ready!

Name	Link
🔨 Latest commit	7a21c2d
🔍 Latest deploy log	https://app.netlify.com/sites/priceless-booth-2dfcaf/deploys/62b145f159d1a20008453fe2
😎 Deploy Preview	https://deploy-preview-107--priceless-booth-2dfcaf.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[cherylli]

mostly done waiting for new image.

new component structure, open to suggestions

[cherylli]

Not sure if there's already a mobile design. Can't find it on figma, so just using the default TwoColumn mobile view.

[mariana-caldas]

This new file structure makes so much sense, @cherylli ! Thanks so much, you rock! 🚀
I just see some minor adjustments. Feel free to reach out if you have questions about them.
Could you please request my review again whenever it is ready?

Just saw a spelling mistake

[wenebob]

The First section looks great! Everything seems to be on point. However, concerning the mobile view, I want to suggest that under the 'About Web Dev Path' heading the images should come before the paragraph rather than after. Great job

[cherylli]

The First section looks great! Everything seems to be on point. However, concerning the mobile view, I want to suggest that under the 'About Web Dev Path' heading the images should come before the paragraph rather than after. Great job

Thanks. As mentioned above there's no official mobile design yet. so this might be a suggestion to the @Web-Dev-Path/designers team.

[camille-granier]

Looks good to me!

[mariana-caldas]

The path organization is amazing, @cherylli ! Such a great job! Could you pls just make the Github and Bitbucket links and connect them to their respective pages?

https://github.com/
https://bitbucket.org/product/

[mariana-caldas]

Yay! "Habemus" first section, @cherylli ! Great job! 🥇
Can you just wait until Wednesday to merge it so we give some time for more reviews?

[cherylli]

Should we set up a project specific file like prettier or eslint for formatting consistency? I normally use single quotes for most things in js so my auto formatter might have done that.

[mariana-caldas]

Should we set up a project specific file like prettier or eslint for formatting consistency? I normally use single quotes for most things in js so my auto formatter might have done that.

You're absolutely right! We actually added .prettier already (#69), I may have deactivated it locally somehow and need to figure out why it stopped working on my end.