Skip to content
Submitted about 2 months ago

Responsive landing page w/ CSS Grid| Flexbox | Mobile First

Hazel Dotson•300
@Hazel-Black
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Skilled e-learning landing page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

This was first time implementing CSS Grid (successfully lol) So I'm very proud that I got over the fear of it and just used it and researched when I came across problems.

Going forward I want to use CSS Grid on more projects and continue experimenting with more complex layouts.

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

I always have issues with hero images that are supposed to flow off the page. I'm not sure what the best approach is for these situations but please take a look at my code and let me know how to property tackle this.

Community feedback

  • KapteynUniverse•2,150
    @KapteynUniversePosted about 2 months ago

    Hey, nice work.

    Since i didn't do this challange, i didn't watch it yet but Coder Coder recently made a whole video about this challange, might give you a idea about the hero part. Video

    Marked as helpful
    0
    Hazel Dotson•300
    @Hazel-BlackPosted about 2 months ago

    omg, thank you so much, checking it out now. @KapteynUniverse

    2

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