Skip to content
OverviewSolutions
10
Comments
83

Kelvin

@Kl3vaGreen/White/Green965 points

Existing.

I’m currently learning...

#NextJS #NodeJS #TypeScript

Latest solutions

View more solutions

Latest comments

  • Kelvin•965
    @Kl3va

    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 helpful
  • Kelvin•965
    @Kl3va

    Hey, your solution looks great. I was meaning to ask you a question, but your dms locked on twitter.

  • Kelvin•965
    @Kl3va

    Hi Juan, You should remove the overflow: hidden... On certain viewport heights, I can't view the button and footer.

  • Kelvin•965
    @Kl3va

    Hi Nwobodo. ON larger screens, your footer overlaps on the main content. You might want to fix that

  • Kelvin•965
    @Kl3va

    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)

  • Kelvin•965
    @Kl3va

    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 helpful
View more comments