Kushyzee

@kushyzee
95Points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest Solutions

  • Desktop design screenshot for the Single price grid component coding challenge

    Single price grid component using html and css

    • HTML
    • CSS
    1
    Submitted

    A very easy challenge and ironically it is the last challenge for me under the newbie category, i have faced bigger monsters than this, feels like a retirement package πŸ˜‚

    Suggestions and feedbacks are welcome

  • Desktop design screenshot for the Four card feature section coding challenge

    Four card feature session using html and css

    • HTML
    • CSS
    1
    Submitted

    This is a very interesting challenge that really tested my css grid skills. At first the desktop design was intimidating, but everything became pretty straightforward when i realised how to properly place the cards. Feedbacks and suggestions are welcome

  • Desktop design screenshot for the Social proof section coding challenge

    Social proof section using html and css

    • HTML
    • CSS
    0
    Submitted

    I don't see the need for the background-image because after applying them I only noticed a pinkish tint, considering there are 2 backgrounds (top and bottom) or am I missing something?

  • Desktop design screenshot for the Stats preview card component coding challenge

    Stats preview card component using html and css

    • HTML
    • CSS
    0
    Submitted

    This is my second attempt on this challenge, the first one was disappointing because i tried building for desktops at first but i hit a roadblock halfway so i abandoned it. I returned after completing 3 other challenge and gained experience from them and i learnt one thing; always using a mobile-first approach πŸ˜‰ It is far easier when done this way. Y'all please check it out and give your feedbacks and suggestions. Thanks

    PS: notice the background image on the right is darker than the original design? That's because I used the background-blend-mode property instead of reducing the opacity of the background-color. This property is mostly supported in latest browser versions and isn't supported in internet explorer (not surprised there)

  • Desktop design screenshot for the Profile card component coding challenge

    Profile card component using html and css

    • HTML
    • CSS
    6
    Submitted

    This looked like a simple challenge at first, but it was hell trying to figure out how to properly position the background-image. Feedbacks and tips on how i could do better and improve are highly welcome

  • Desktop design screenshot for the Huddle landing page with a single introductory section coding challenge

    Huddle landing page with single introductory section using grids

    • HTML
    • CSS
    0
    Submitted

    Feedbacks and suggestions are welcome

Latest Comments

    • HTML
    • CSS

    HTML using CSS Grid

    2
    Kushyzee95 | Posted 6 months agocommented on deenka's "Stats preview card component" solution

    You should fix the background image and have it resembling the original design.

    • You can do that by either nesting another div in the <div class="right-section"></div> and giving it a background color of #a95dda. There after you can reduce the opacity to around 0.5 or lower. (Consider changing the hex color to rgba)

    • you can also use background-blend-mode: multiply; in the <div class="right-section"></div> to fix the color

    After this you can remove the -webkit-filter property

    You did a really good job overall πŸ‘

    0
    • HTML
    • CSS

    Stats Preview Card

    1
    Kushyzee95 | Posted 6 months agocommented on Sreekanth Sreekumaran's "Stats preview card component" solution

    I have gone through your code and I have the following suggestions

    1. Remove the style tag from your css file, it's a html tag and has no business in css.

    2. Your <div class="context"> is missing a closing div tag.

    3. Consider removing the height from .context, instead you should allow the contents to determine the height (which you can manipulate by using margins and paddings. Also don't use px in the width property, use % instead so as to make the site responsive across different screen size (90% will suffice in this case).

    4. The line height on the h1 property is too much. Consider reducing it

    5. The image was supposed to be used as a background-image and not as a direct image in html file. But I guess that's what works for you

    There are a bunch of other things you could have done differently, I can't exactly get into it right now without changing the entire code

    0