Skip to content
Submitted 7 months ago

meetLandChallenge

PhilippeItsMe•110
@PhilippeItsMe
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Meet landing page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I found my way through the difficulties... but I took my around 10 hours to do it... It was a little bit above my competencies... but I learn some new tips.

What challenges did you encounter, and how did you overcome them?

The number with the cercle and the line on top... no ideas how to do it... i had to copy-paste a solution... not pround of it... but i didn't even understand the code that I copy... I have a lot more to learn...

What specific areas of your project would you like help with?

My line on top the the cercle with the number is re apparing above the nav. logo !?!? why and how can I take it out ?

Community feedback

  • yas-avocad•380
    @yas-avocadPosted 6 months ago

    Hey!

    You should reference this video: https://www.youtube.com/watch?v=G3e-cpL7ofc

    For tips on the circle, skip ahead to the 'CSS position'/'Relative and Absolute' sections

    0
  • PhilippeItsMe•110
    @PhilippeItsMePosted 7 months ago

    Tks, I will try it.

    0
  • Koda👹•3,830
    @kodan96Posted 7 months ago

    hi there!

    the cause behind your pseudo element appearing on top of your page probably has something to do with the way you set it up, maybe try less general selectors.

    .numbercontainer::before

    instead of

    div::before

    will probably do the work.

    Happy coding and good luck!

    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