5 replies · opened Feb 26, 2021
Thanks for all your previous help. I need coding help to create a division containing 1 row of 5 columns, each column contains a 1 image. I would like to prevent the images from re-sizing or scaling when the page is displayed on all devices and screens in portrait or landscape view. I am having difficulty preventing the images from scaling in the columns..
Thank you for your help with my problem.
Hello,
Apologies for the Delays in replying to your Support Query!
Technically, your codes should look like this:
[ch_pre]
[/ch_pre]
This will work fine for the 5-Column Grid but the Images will resize according to the available width and the viewport of the Browser. Unfortunately, there is no other way to make this work. If there is something we are missing, please provide us with more details and a screenshot of what you are looking to achieve so that we can provide you with further assistance. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
How can I remove some space used by the padding applied to each of the 5 columns/or the gutter space applied between the columns?
Hello,
You can simply add the .px-0 Class to the .col-lg-1-5 DIV to remove the Default Padding or simply add .no-gutters Class to the .row DIV. Example:
[ch_pre][/ch_pre]
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
My row of images in the columns have different heights, How can I program the row of images to align the images at the top Top.
Thank you for your support, its great help .
Hello,
You can consider using the Flex Utility Classes: https://getbootstrap.com/docs/4.5/utilities/flex/#align-items on the .row DIVs to align the columns according to your needs.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard