Skip to content
OverviewSolutions
17
Comments
4
derCalle.exe
@pascal-prfst

All comments

  • derCalle.exe•210
    @pascal-prfst

    A realy easy way to center your div/element is for example:

    body {display: grid; place-content: center} or body {display: flex; align-items: center; justify-content: center}

    But in both cases your body needs a fixed hight and width of 100% or 100vw/100vh

    Happy coding

  • derCalle.exe•210
    @pascal-prfst

    Hallo Burak,

    to set the size of elements for different screen size you can use a me media queries.

    Here is an example:

    @media (max-width: 375px) { .card { width: 200px; } }

    In that case the witdh of your .card container will only be 200px under 375px. When working with sizes you could use rem instead of px.

    Overall the rest is looking good

    Marked as helpful
  • derCalle.exe•210
    @pascal-prfst

    Maybe you can put the container div into <main> tag and the attribution tag into a <footer> tag. Everything else looks solid.

    Happy coding

  • derCalle.exe•210
    @pascal-prfst

    Could need feedback. When I check the design on mobile the top and bottom get chopped and I don`t realy know what I am doing wrong.