@Ridwan10000
Posted
@ArjayGithub-dev Well done. You have made a great design. Just a few remarks. You are missing the <main> landmark from your page. It's important for SEO.
You may want to link the fonts instead of using @import rule. Browsers perform better in this way. Instead of height:100vh use min-height:100vh instead. As height:100vh will fix the body size to the viewport. You man want to set height:80vw or something like that in .container rule. This will look good on mobile devices. Use text-align: left in the .container property. The children will inherit this property from their parent. Looks like you used margin in the .profile rule to align the profile image and the text. you may set the container as a flexbox and then use justify-content: center and align-items: center. Use <footer> to add the attributions.
