Ryan
KPCKevin Powell - Community
•Created by Ryan on 10/23/2023 in #front-end
CSS | Flexbox | 6 images
First post so apologies in advance if I miss on formatting w/ anything.
Hoping to get some suggestions (maybe guidance) on a coding assignment rooted in using Flex-box to build out a heading and six portraits. There's some emphasis on 'variable-width' & 'fixed-width', which I don't truly understand yet.
Specifics The heading needs to display above the six portraits. At a very wide width, all six portraits will display in a single row. At a moderate width, the portraits will display as two rows of three portraits. At a narrow width the portraits will display as three rows to two portraits. Your flex-container will be variable width. Your images will be fixed width and height.
I feel like I have a good handle on how flex-box works in theory, & I'm working on a few different small scale experimental projects to get better with 'flex-shrink', 'flex-grow', but I'm not truly there yet I suppose.
If anyone has some suggestions or references on how this can be achieved, considerations for sizing images, and maybe some fixed-width/variable-width explanations/convo, would appreciate the help. Thanks!
7 replies