<aside> 💡 This template provides context/instructions for the languages you use.
</aside>
<aside> 💡 It it not recommended to use FIXED measuring units. unless you thought about the responsiveness.(REM) [What’s The Difference Between PX, EM, REM, %, VW, and VH? | Elementor](https://elementor.com/help/whats-the-difference-between-px-em-rem-vw-and-vh/#:~:text=EM is relative to the,parent size is%2C use REM.)
</aside>
for easy implementation of responsiveness:
Can be used for non complex mini-components for easier devlopment
For complex components, react bootstrap preferable to avoid any production/compiling errors
Use varaibles to define all colors and font styles for easy updating in the future.