Submitted over 2 years ago

Skilled e-learning landing page solution

Lorenzo Franco•480

@Lfrancos

Preview site View code

This is a solution for...Skilled e-learning landing page

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

I really enjoyed this project, it was not a difficult one but was one where I could practice Nextjs. I still don't think the image responsiveness it working very good. Need to keep practicing. One question that I'm still asking is for the courses layout I used "Flex" not sure if that is the best or if I should be using "Grid" if any of you has an opinion I would really appreciate knowing what you think so that I can make a better decision with other layout : )

Thanks!

Community feedback

Elaine•11,400
@elaineleungPosted over 2 years ago
Hi Lorenzo, well done on this challenge, and I think I also will use my next challenge to brush up on Next.js since I haven't used it in a while. To answer your question, I probably would use grid instead of flexbox if the elements require wrapping and are more or less in a grid-like form. If you're interested, I use grid on my GitHub landing page for my FEM challenges (link here). I find grid to be better for things requiring two dimensions.

By the way, the logo image looks a bit squished; I think you can try putting an object-fit: cover to keep it from being distorted. And yes, keep practicing! 🙂
Marked as helpful
0
Lorenzo Franco•480
@LfrancosPosted over 2 years ago
@elaineleung Thank you so much for taking the time to look at the exercise. I think what you are saying is really helpful. I will definitely use the object-fit: cover I didn't know about it and I think is going to help me a ton!!
0

Please log in to post a comment

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