Latest solutions
A Fullstack Entertainment Web App Using React, Firebase, Scss.
#firebase#react#react-router#sass/scssSubmitted over 2 years agoArch-Studio multipage site using React, Scss, react-leaflet, Framer...
#react#sass/scssSubmitted almost 3 years ago
Latest comments
- @JustynaAleksSubmitted almost 2 years ago@Kl3vaPosted almost 2 years ago
Using semantic(main,section) html to avoid something popularly called div soup where you ve divs littered in your code. Also, for styling you would want to adopt relative units(rems,%,vw) and dump absolutes(px), cause they aid in building responsive sites cause they adapt to width/height changes of a screen. Absolutes are generally fixed so they play well when styling something like border-radius.
Marked as helpful1 - @francisldnSubmitted almost 3 years ago
Full-Stack Movie App - Typescript, NextJS/React, TailwindCSS, Firebase
#next#react#tailwind-css#firebase@Kl3vaPosted almost 3 years agoHey, your solution looks great. I was meaning to ask you a question, but your dms locked on twitter.
0 - @JuanCarrill0Submitted about 3 years ago@Kl3vaPosted about 3 years ago
Hi Juan, You should remove the overflow: hidden... On certain viewport heights, I can't view the button and footer.
0 - @Igwe0001Submitted about 3 years ago@Kl3vaPosted about 3 years ago
Hi Nwobodo. ON larger screens, your footer overlaps on the main content. You might want to fix that
0 - @livinglifemeaningSubmitted about 3 years ago@Kl3vaPosted about 3 years ago
Hi Aisha your solution looks great. You might want to remove the height property from the body and the flex value on display. If you need to align the container in that direction, you can simply set the margin to “margin: 0 auto; “ …that should align it in the center(vertically and horizontally)
0 - @DrMESAZIMSubmitted about 3 years ago@Kl3vaPosted about 3 years ago
Hi Irvine. Your solution looks good on desktop view. Here are few things that need improvement; As I scale down, Your request invite button, becomes invisible as well as your copyright info which is caused due to overflow-x set to hidden... You might want to give that a responsive width. There's a visible white spacing caused by your article card. It's not well aligned in the middle when the view is in a column. It's inconsistent due to the px width you set on it. Also, your social icons breakaway too. One more thing, you've a lot of accessibility issues to fix
Marked as helpful0