Skip to content
Submitted over 1 year ago

Skilled Elearning using CSS Grid and CSS custom property variables

newtothis90•240
@newtothis90
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Skilled e-learning landing page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I don't think I did this in the most efficient way. I believe I used too many margins and paddings where Grid or FlexBox could've done it for me, although i'm not quite sure.

If anybody has any advice, comments or critiques. Please let me know!

Thanks

Community feedback

  • hitmorecode•6,680
    @hitmorecodePosted over 1 year ago

    Nice well done. I think you just need to add transition to make the hover animation smoother.

    Marked as helpful
    0
    newtothis90•240
    @newtothis90Posted over 1 year ago

    @hitmorecode

    Very good idea. The button animation was a last minute thing, so I just rushed through it. I'll add that in there and update it tomorrow!

    Did you see anything else html or css wise that you'd do differently? I'm trying to learn to make things as efficient as possible and sometimes it's a struggle.

    Thanks for the advice.

    0
    hitmorecode•6,680
    @hitmorecodePosted over 1 year ago

    @newtothis90 I haven't look at you html and css yet. I still haven't done this challenge yet 😁. Once I've finished this one also, I'll take a look at your html and css, I might pick up some pointers from you 😎

    Keep doing what you doing bro 👍👊

    2
    newtothis90•240
    @newtothis90Posted over 1 year ago

    @hitmorecode

    I doubt you'll be able to learn anything from me haha! But lets try and keep helping eachother out!

    And you keep doing you too!

    1
    hitmorecode•6,680
    @hitmorecodePosted over 1 year ago

    @newtothis90 hahaha i'll let you know once I've learned something from you :-). Spending time on this site and learning from others It's the best time I've spent on the internet. Let's push each other to the next level :-)))

    2
    newtothis90•240
    @newtothis90Posted over 1 year ago

    @hitmorecode absolutely man! Wish they had a messaging system. What computer languages are you proficient in? I just know HTML/CSS and some javascript and java.

    0
    hitmorecode•6,680
    @hitmorecodePosted over 1 year ago

    @newtothis90 a messaging system would be a nice to have thing. Just like you HTML/CSS some javascript and visual basic. Right now I'm diving more into javascript. I got the basics under control, now I'm diving deep into the core 😅

    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord