Skip to content
OverviewSolutions
2
Comments
1
Ryan Zayne
@Ryan-Zayne

All comments

  • kefiiiiR•70
    @kefiiiiRSubmitted over 2 years ago

    • Had an issue with vertically centering the "container". When using position: absolute, desktop version was OK but I could not vertically center mobile version (when using media query). What is the best solution for this?

    • When using bootstrap for layout and bootstrap breakpoints, I could not get the image to change properly - the transtition is not fluent and is problematic on the breaking point (1200 px in this case). Is this doable with bootstrap or should I use own media query for such layouts?

    Perfume product preview

    1
    Ryan Zayne•70
    @Ryan-ZaynePosted over 2 years ago

    Hi there Kefiiiir🕵️‍♂️ Personally to your first question, I feel just the application css flexbox will make getting your layout to be absolutely responsive on all viewports a breeze.

    For instance, in the case of vertically centering your "container", flexbox's Align Items property will do just that in a jiffy (which applies when flex direction is set to row), and this will remain applied regardless of the viewport size.

    You can try checking out the amazing flexbox tutorials available on youtube, theodinproject website or even the flexbox free tutorials on flexbox.io by Wes Bos!!

    Hopefully this will be of help to you. Good luck👋

    Marked as helpful
    0