Skip to content
OverviewSolutions
7
Comments
5

Collins Adaigho

@DonsmattAsaba, Delta State, Nigeria90 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

  • P
    Keshav sharma•130
    @keshavsharma333
    What are you most proud of, and what would you do differently next time?

    I complted the whole design and made it similar to the desired output, learned about css variables, learned about breaking layout, styling similar types of sections, next time i would do more by myself without looking at tutorial

    What challenges did you encounter, and how did you overcome them?

    it took lot of time even though design is simple, learned that we just have to keep working even though initially it looks bad, it will look good at the end

    What specific areas of your project would you like help with?

    i want to practice more, i think i might need help in placement of items or layout stuff, specific details things is okay just layout stuff i will need practice

    Responsive landing page, layout breakdown and screen completion

    #accessibility#pure-css
    1
    Collins Adaigho•90
    @Donsmatt

    A very nice design... Just try to follow the design on choice of color and font family

  • Collins Adaigho•90
    @Donsmatt

    A very well written code and nice outcome.

    Going through your code, i noticed some unnecessary codes in your stylesheet, like the repeated max-width

    section {
max-width: 100%;
max-width: 90%;
}

    I also noticed you have a position: absolute on your section, so a position: relative is expected on your body tag.

    Then personally, i think it's more practical to use a display: grid on the body to center your section, since that's all you need to display on your page, than using the top, left properties. Just an opinion.

    Marked as helpful
  • Jullyan•50
    @jullyanvpr
    What are you most proud of, and what would you do differently next time?

    What I liked about this challenge was that I learned how to center a div properly. Using a container div to help me center the img tag was helpful.

    .container__illustration {
    display: flex;
    justify-content: center;
    width: 100%;
}

.illustration{
    max-width: 100%;
    border-radius: 12px;
}
    What challenges did you encounter, and how did you overcome them?

    I wanted to make the shadow a bit longer when the mouse cursor hovered the title. So I asked ChatGPT for some help and it taught me how to do it using Javascript. I found it amazing.

    What specific areas of your project would you like help with?

    I would like to learn more on how to use Javascript to make my projects more interactive.

    Blog Preview Card

    #accessibility
    1
    Collins Adaigho•90
    @Donsmatt

    A really good solution

  • Akintayo74•50
    @Akintayo74
    What challenges did you encounter, and how did you overcome them?

    I learnt how to use text align

    CSS

    #pure-css
    1
    Collins Adaigho•90
    @Donsmatt

    I think you can improve on the font sizes and stick to a more consistent pixel unit (you can stick to the rem unit or the px unit, instead of using several units, for more consistency)

  • Collins Adaigho•90
    @Donsmatt

    What's up bro. Tried this your penpot. I need more tips, where can i contact you? @hitmorecode