Skip to content
Submitted about 2 years ago

Sunny side landing page

Lộc (Tomifuchi)•160
@tomifuchi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Agency landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Thank you for checking out my attempt !

How do you make the icon have white overlay on them with the exact same shape as them ?

Community feedback

  • ERIGO Chigozie Nicholas•650
    @nick335Posted about 2 years ago

    Hello, TOMIFUCHI’S

    Great job with the challenge, instead of using SVG images, you should try FontAwesome, Font Awesome Is a Webfont used by websites designer & developers for icons instead of traditional old image icons. It's flexible in terms of coloring, sizing & stacking on top of other background styles using plain CSS. You can use it by referencing the CSS files on your website and keeping the fonts folder that comes with it besides the CSS file of FontAwesome.

    Hope this was helpful!

    Happy Coding!

    Marked as helpful
    0

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