Skip to content
OverviewSolutions
18
Comments
2
Abdulrahman Muhammad
@0abdulrahman

All comments

  • Abdulrahman Muhammad•200
    @0abdulrahmanPosted over 1 year ago

    The circles in the bg are visible, but for some reason frontendmentor doesn't show it in the screenshot although I took another one. Meh, doesn't matter.

    0
  • Bartosz Obliński•40
    @DJSO4Submitted over 1 year ago

    Hi!

    I have a few questions:

    1. What is the way to always position a given container in the middle of the page?
    2. I couldn't find a solution for displaying on mobile devices. Are there any settings in CSS that are usually "universal"?

    I hope I managed to do it at least a little bit. I did it myself, without the help of "ready codes"

    Product presentation, complete with an animated "Buy" button

    3
    Abdulrahman Muhammad•200
    @0abdulrahmanPosted over 1 year ago
    1. To center an element in the page there's more than one method, common methods are:
    • Using flexbox: display: flex; justify-content: center; align-items: center;
    • Using margin: margin: 0 auto; transform: translate(-50%, -50%);
    1. You can customize the design on mobile devices using the @media queries by setting a max (or min) width to apply certain styles within this width. Try Googling "CSS Media Queries".
    Marked as helpful
    1