@sqtran01
Submitted
Hi,
This is my first ever html/css project. The things that I unsure are how to center a div container and how to make its size shrink or expand with the page size.
Thank you.
@hebam17
@sqtran01
Submitted
Hi,
This is my first ever html/css project. The things that I unsure are how to center a div container and how to make its size shrink or expand with the page size.
Thank you.
@hebam17
Posted
For you to center the container and solve your accessibility issues wrap your HTML code "the container" with a <main> tag and add this CSS code main{ width:100vw; //taking full screen width height:100vh; //taking full screen height overflow-y:auto; display: flex; //display the main element as flex you can search for flexbox it's the most used method to center align elements justify-content:center; align-items:center }
and for it to shrink you can use something called a media query hope that helps
Marked as helpful
@FadliAktsar
Submitted
So this is my first time working on project, let me know what should I do to improve my skill at css
@hebam17
Posted
This is actually pretty good for the first time, and for your question, the best way to improve your skills is to make more projects, also think about learning pre-compile CSS as sass it will help you a lot
What are some things that I could do better code wise? How can I get my design to match the mockup more closely.
@hebam17
Posted
Well done, I would suggest making the button a little bigger and decreasing spaces on the sides
Marked as helpful