@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.