Refactor/to scss layout

[Satoshi-Sh]

Web Dev Path
238

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

Yes

What is this change?

CSS modules migration for Layout component

If necessary, please describe how to test the new feature or fix.

Please check the main styling on any page.

When should this be merged?

After reviews

[netlify]

✅ Deploy Preview for webdevpathstage ready!

Name	Link
🔨 Latest commit	4c669a6
🔍 Latest deploy log	https://app.netlify.com/projects/webdevpathstage/deploys/689b26182bea38000815ed60
😎 Deploy Preview	https://deploy-preview-273--webdevpathstage.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 project configuration.

[cherylli]

can we delete the styles.js file in the same folder now?

[Satoshi-Sh]

can we delete the styles.js file in the same folder now?

Thanks. Deleted.

[oluwatobiss]

Do we need this rule at all? It looks to be doing nothing.

[Satoshi-Sh]

Do we need this rule at all? It looks to be doing nothing.

I didn't notice this. I also checked the styling without the rules, and the web site seems the same.
We could delete the class, but how can we make sure the rules not affecting anything?

@oluwatobiss

[oluwatobiss]

We could delete the class, but how can we make sure the rules not affecting anything?

It has no impact on all the pages I’ve checked. However, even if it does, it seems odd to change the stacking context of the website’s main container. It can make debugging challenging. This case of uncertainty about whether the rule has any side effects is a good example of the unintended consequences that such implementation can cause. Since we are working on the style conversion, it may be best to delete it now so we can determine its impact as we progress.

[oluwatobiss]

All looks good. Thanks @Satoshi-Sh!