Skip to content
Submitted about 2 years ago

clipboard-landing-page-master

Remoan•290
@RemoRemo11
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Clipboard landing page
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

I couldn't change the color of the social icons on hover to match the design, so how to make that hover effect with the social icons??

I use the main element to wrap up the main content of the page (except the header and the footer) is that the right use of the main element. Thanks.

Community feedback

  • Sahand Masoleh•1,210
    @sahand-masolehPosted about 2 years ago

    Hello again Remoan! How are you doing?

    It's a challenging layout for sure, that monitor sticking out needs some creativity.

    You can't change the color of the SVG because it has a color hard-coded into its code and that overrides anything you define in CSS. Change the fill property to currentColor in your SVG and set the color with CSS with the color property.

    Your use of the main component is correct, but like I said about your other project, I would give it a max-width and center it, right now it grows forever and throws your cont element out of center.

    Marked as helpful
    1

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