Design comparison
SolutionDesign
Solution retrospective
Hello, How do I center the bootstrap row or column (col) vertically and horizontally? And how am I supposed to make this challenge responsive, on resizing it looks alright on smaller devices, thank you for advice.
Community feedback
- @KemystraPosted over 2 years ago
HI @djeinarsson, congratz for your solution!
Unfortunately, I don't have an answer for your Bootstrap question, though I would avoid them if I'm starting out on CSS.
With that being said, simply having a fixed size component should be enough. However, if you want to get a bit advanced, you can use relative units and CSS
clamp()
function onto the container./* clamp(min, preferred, max) clamp() allow properties to follow the preferred value limiting it between the max and min values. Here's an example: */ .container { height: clamp(400px, 60%, 1000px) }
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord