Latest solutions
Responsive Four Card Feature Section with CSS Grid
Submitted 7 months agocolored border radius on top of cards have tiny curve that i would like to get rid of. any ideas, guys?
Social Links Profile with CSS Grid
Submitted 7 months agoVertical+horizontal center with flex still shrinks div.profile a little bit, need deeper understanding of flexbox
Relatively Responsive with CSS Grid
Submitted 7 months agoI am not really happy with card on viewports smaller than 375px.
It starts to shrink but slower than needed to prevent overflow. Could not find a solution in this iteration. Can somebody point me in right direction?
Latest comments
- @GPDSigua@vladzen13
quote img overlaps author info in small viewports in medium viewports 5th item is alone in last row, looks a bit off Verified Graduate in white cards is almost unreadable
besides that -
nice responsivenes, clean html and css, awesome layout with css grid. really good job, congrats)
- @emmadumbi@vladzen13
cards stack strangely near 1000px viewports
so many complex media queries
clean html
nice usage of grid to place first and last item in the middle of column.
good job overall, congrats!
- P@arfath-ali@vladzen13
620-650px viewports are broken
clean html
nice usage of css vars, css grid and really simple and clean media query
good job!
- @sivalingamr2001@vladzen13
Looks cool, centring card with flexbox makes it based on content width, so card gets smaller than on design. Responsible. Clean html.
Like @font-face usage
Spacing of buttons with gap is cool Spacing of img and captions with margins seemes less reusable in different context - why not use gap also ?
- @Deepak4511@vladzen13
no userpic breaks on very large and very small viewports, good in the middle font-weights and spacing differ from figma
something strange with border radius of blog img
except that - pretty good job!
Marked as helpful - @kestsaurav21@vladzen13
Starting to look bad at viewport width 350px, pretty responsive at 350px+ Card seems bigger that on Figma, solution has fixed width in pixels. Also differrnt margin/padding/border-raduis.
HTML readability awesome. Media Query seems like overkill for that simple design.
Marked as helpful