DocForLoop
@DocForLoopAll solutions
Huddle landing page with curved sections with js custom validation
#accessibility#bem#sass/scss#vitePSubmitted about 24 hours agoFeedback is welcome!
Newsletter sign-up form with flexbox and grid
#accessibility#bem#sass/scss#vitePSubmitted 13 days agoAbout a11y:
- I changed
aria-live="polite"
torole="alert"
, because win 11 narrator didn't read the error message. - Are the current aria labels are good or need some modification? Thanks! Feedback is welcome!
- I changed
Responsive Tech book club landing page with Flexbox
#accessibility#bem#sass/scss#vitePSubmitted 23 days agoFeedback is welcome!
Suite landing page with flexbox
#accessibility#bem#sass/scss#vitePSubmitted about 1 month agoFeedback is welcome!
Clipboard landing page with flexbox and grid
#accessibility#bem#sass/scss#vitePSubmitted about 1 month agoFeedback is welcome!
Social proof section with flexbox and grid
#accessibility#sass/scss#vite#bemPSubmitted about 2 months agoFeedback is welcome regarding a11y or other aspects.
Huddle landing page with flexbox and grid
#sass/scss#vite#accessibilityPSubmitted about 2 months agoFeedback is welcome regarding a11y or other aspects.
Article preview component with flexbox (+vite)
#bem#sass/scss#vite#accessibilityPSubmitted 2 months agoAll feedback is welcome!
Bento-grid with grid and flexbox
#sass/scss#gulpPSubmitted 3 months ago- I couldn't solve the second card's image (on mobile) with transparent part to mix the background color, any idea? Thanks
Feedback is welcome!
Typemaster landing page with flexbox and grid
#sass/scss#gulpPSubmitted 3 months ago- Feedback is welcome!
Meet landing page with flexbox
#sass/scss#gulpPSubmitted 4 months ago- I tried different ways to place the hero images properly, finally chose background image, I wanted to put the 2 images and the content in a flexbox, but I couldn't do the overflow to look nice.
- The footer background image placements not the best but I could't find better way.
- I tried the feature section photos with grid, but with flexbox it seems more responsive.
4 card feature section with flexbox and grid
#sass/scss#gulpPSubmitted 4 months ago- which breakpoint should I choose if there is no tablet layout design?
- Finally I used 768 breakpoint, because cards look ok and can grow to 1440, but I tried 1200 breakpoint it seems ok too.
- should I let to the cards grow to specific point or set max-width?
Feedback welcome ;)
Recipe page with flexbox and responsive design
PSubmitted 4 months ago- All tips are welcome that help me improve
Social links profile card with flexbox
PSubmitted 4 months ago- I'm thinking what element should be the best to quotation.
- The links open in a new tab I do not know if it is right for this card.
- Perfect positioning both the card and the footer on different devices.