Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Skilled Elearning using CSS Grid and CSS custom property variables

P

@newtothis90

Desktop design screenshot for the Skilled e-learning landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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,230

@hitmorecode

Posted

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

Marked as helpful

0

P

@newtothis90

Posted

@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,230

@hitmorecode

Posted

@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
P

@newtothis90

Posted

@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,230

@hitmorecode

Posted

@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
P

@newtothis90

Posted

@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,230

@hitmorecode

Posted

@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
Discord logo

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