Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
14
Comments
6

BadT

@saodinhVietnam230 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

  • Responsive using CSS Grid & Flexbox, mobile first


    BadT•230
    Submitted about 3 years ago

    1 comment
  • CSS grid, flexbox, transition, responsive, hamburger menu


    BadT•230
    Submitted about 3 years ago

    0 comments
  • Consuming Promise, Mobile First, Responsive


    BadT•230
    Submitted about 3 years ago

    0 comments
  • HTML, CSS radio buttons, JavaScript 'input' change event


    BadT•230
    Submitted over 3 years ago

    1 comment
  • Have fun with Grid Tempalte Areas


    BadT•230
    Submitted over 3 years ago

    0 comments
  • HTML, CSS, Javascript email validation


    BadT•230
    Submitted over 3 years ago

    0 comments
View more solutions

Latest comments

  • Ishmael•330
    @Ishmaelsealey
    Submitted over 3 years ago

    Responsive Landing with CSS Grid

    1
    BadT•230
    @saodinh
    Posted over 3 years ago

    You can set the <main> element {border-radius: 5px ; overflow: hidden}. The overflow hidden is what you are looking for here.

    Marked as helpful
  • 👾 Ekaterine Mitagvaria 👾•7,860
    @catherineisonline
    Submitted over 3 years ago

    Huddle landing page with a single introductory section

    4
    BadT•230
    @saodinh
    Posted over 3 years ago

    You did a great job, though some things can be improved. Since the "Register" button is actually a link to the register page and doesn't belong in a form , you should use <a> tag for it. The three social icons should be wrapped in <a> tags as well (because they are also links to the social media pages).

  • 👾 Ekaterine Mitagvaria 👾•7,860
    @catherineisonline
    Submitted over 3 years ago

    3-column preview card component

    2
    BadT•230
    @saodinh
    Posted over 3 years ago

    Those "learn more" buttons are actually links, so you got to use <a> tags for those.

  • Niti Mittal•260
    @NitiMittal
    Submitted over 3 years ago

    Order Summary responsive page using Flexbox CSS

    1
    BadT•230
    @saodinh
    Posted over 3 years ago

    It looks great. One thing though, your links and buttons should have a hover and focus state.

  • P
    Aleksander Tysklind•860
    @outerpreneur
    Submitted over 3 years ago

    Huddle landing page with single introductory section

    1
    BadT•230
    @saodinh
    Posted over 3 years ago

    About the font-awesome icon, trying changing the 'href' to this link instead "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css".

    Marked as helpful
  • BadT•230
    @saodinh
    Submitted over 3 years ago

    Overcomplicate matter with grid :((

    2
    BadT•230
    @saodinh
    Posted over 3 years ago

    Oh, I didn't know that, thanks. I'll fix it

Frontend Mentor logo

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

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

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

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

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