Skip to content
OverviewSolutions
7
Comments
61

idukpaye alex

@Esesosa-maxNigeria685 points

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

View more solutions

Latest comments

  • idukpaye alex•685
    @Esesosa-max

    Great Attempt, Approach Could be better (70 /100)

    1. Great Design, pretty much pixel-perfect
    2. Do not use a <main> tag to make a card because it is not semantically correct
    3. Read HTML Semantics, it is okay to use multiple divs
    4. So next time, use a <div> and give a class of container or use another tag but do not a <main>
    5. Try using CSS variables it is nice!
    6. Do you know Flexbox? or CSS Grid?
    7. if not learn it, it will make centering much much easier
    8. Not Quite impressed, with the way you centered the <main>
    9. Not Quite Responsive but the way you did it was smart
    10. Good Usage of Relative units like em or rem
    Marked as helpful
  • idukpaye alex•685
    @Esesosa-max

    Good Attempt( 65/100), but not quite right.

    1. Regarding the CSS, Great Job there.
    2. Not quite impressed with the validation there is no custom validation
    3. Do not use HTML built-in validators use your own
    4. Yeah, the custom validation is the only thing preventing you from getting a 90/100
    Marked as helpful
  • idukpaye alex•685
    @Esesosa-max
    1. Flawless, Could not find any flaws (100/100)
    2. Good HTML Structure
    3. Nicely Responsive
  • idukpaye alex•685
    @Esesosa-max
    1. Not quite flawless but pretty great 90/100.
    2. The heading should not be bold.
    3. The HTML Structure is ok.
  • idukpaye alex•685
    @Esesosa-max

    Completely nothing like the original design but it is pretty cool. I just hoped you put a better anime. It is even cooler than the original design but i wouldn't employ you with that anime.

  • idukpaye alex•685
    @Esesosa-max

    Good Attempt, but not quite pixel-perfect because you didn't quite it right (45/100)

    1. Firstly, the paragraph text in the cards is just too much
    2. Heading text is still too much
    3. Padding in the card is just too much (reduce it from 30px to like 15px)
    4. Wrong font usage, to get the design right it is very crucial
    5. Please use <p> instead of a <h3> in the header
    6. Why is the paragraph text 20px? use the right font and reduce it to 17px
    7. Why is it NOT responsive? this made you lose points
    8. Try to collapse everything by giving the .card-holder in a media query flex-direction:column
    9. Props to getting the card layout with .middle-cards
    10. Try using CSS variables it is nice!
    11. The reason the font is not working is because you did not import the URL from google fonts, google how to do this.
    Marked as helpful
View more comments