Submitted 7 months ago

Responsive landing page w/ bkgd image, icons, & css custom properties

Eli Silk• 240

@elisilk

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Huddle landing page with a single introductory section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Wondering the best practice for positioning the background image (e.g., cover vs contain)?
Not sure the best way to get the Font Awesome social icons to have square dimensions (both a fixed width and fixed height) so that their borders were circles (not ovals)? So I focused on adjusting my border-radius and padding settings, but maybe that's not the ideal method?

Community feedback

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