This is my component code:
import React from "react";
import "./homepage.styles.scss";
const Hompage = () => {
return (
<div className="homepage">
.......
</div>
);
};
export default Hompage;
This is the styling for my component:
.homepage {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 80px;
}
.directory-menu {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
When I inspect my code, it shows
<style>my css</style>
in the head section.
Here is a screenshot of how it appears in Chrome DevTools: https://i.sstatic.net/seTiN.jpg