Hello @Eye0001
Congratulations on completing your first challenge. You have made a commendable effort in documenting your README, which is an excellent practice for reinforcing your learning. Great attempt at using Flexbox!
For your question on flexbox topic, I suggest you go through the following links:
I also have some feedback on your code:
-
You should not use px especially for font-size as it is not good for accessibility. Users who rely on bigger font will change their font settings to a larger one via their browser. Since you have used px, the font size will not scale to a larger one. Rem will allow you to scale the font size. Rule of thumb: Use rem instead of px for font size
-
Use CSS reset in your project. Different browsers can have their own default stylings. CSS reset removes all those default stylings and provides a consistent starting point for your stylings. You can take inspiration from CSS reset example
-
It's good that you used
<link href="https://fonts.googleapis.com/css?family=Outfit:400,700" rel="stylesheet">
for loading fonts. While this method offers an easier setup, consider downloading the fonts in your project and using @font-face if you want more control over performance.
Marked as helpful
@Eye0001
Posted
Thanks for the detailed response @rupali317. I appreciate your feedback and will use these suggestions in my future projects.