Skip to content
OverviewSolutions
13
Comments
3
heba
@hebam17

All comments

  • San Tran•10
    @sqtran01Submitted over 2 years ago

    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.

    Responsive page using simple CSS Properties

    2
    heba•320
    @hebam17Posted over 2 years ago

    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
    0
  • heba•320
    @hebam17Posted over 2 years ago

    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

    0
  • Josh D•160
    @Josh-D18Submitted over 2 years ago

    What are some things that I could do better code wise? How can I get my design to match the mockup more closely.

    Flexbox Advice App

    2
    heba•320
    @hebam17Posted over 2 years ago

    Well done, I would suggest making the button a little bigger and decreasing spaces on the sides

    Marked as helpful
    1