Submitted almost 3 years ago

Skilled e-learning landing page

cube-css

Dave Quah•650

@Milleus

A solution to the Skilled e-learning landing page challenge

Preview Code

Solution retrospective

Hello everyone,

I'd appreciate it if you could share your feedback on my solution.

One of the things I've learnt from this was how to display different images for different device pixel density with <picture> and <source>. Also learnt how to test this with the browser's responsive design mode (use the DPR setting).

P.S. I use newer CSS properties such as padding-inline and margin-block which may not work on all browsers. Thank you @Deevyn9 for testing and informing. 🙇‍♂️🙏

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Dave Quah's solution.

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