Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
1
Comments
2

Alec

@AlecDye40 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Mobile first component with Flexbox & transparent overlay


    Alec•40
    Submitted about 4 years ago

    2 comments

Latest comments

  • Elizabeth Woodhouse•10
    @ElizabethWoodhouse
    Submitted about 4 years ago

    States Preview using flex-box

    3
    Alec•40
    @AlecDye
    Posted about 4 years ago

    Hey Elizabeth, nice job so far!

    You might want to tweak a couple things:

    1. On mobile view your image doesn't stack ontop of the text and it shrinks until it disappears; try setting a flex-direction of column on your wrapper class within a media query.

    2. Don't forget about rounding of the corners of the main card; play with the border-radius on a few of your elements.

    Marked as helpful
  • Martin•10
    @mpham-12
    Submitted about 4 years ago

    HTML, CSS, Bootstrap

    2
    Alec•40
    @AlecDye
    Posted about 4 years ago

    Great start, just a few tweaks you can make to take it to the next level:

    1. Bootstrap's card component might simplify your html structure

    2. Only the image's alt text is visible which means the img's src is not being directed to the correct filepath

    3. The main div runs off the page in mobile view

    Best of luck!

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub