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

ADR-39

@ADR-39100 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

  • testimonials-grid-section


    ADR-39•100
    Submitted 3 months ago

    2 comments
  • four-card-feature-section


    ADR-39•100
    Submitted 3 months ago

    1 comment
  • product-preview-card-component


    ADR-39•100
    Submitted 3 months ago

    1 comment
  • recipe-page


    ADR-39•100
    Submitted 3 months ago

    1 comment
  • social-links-profile


    ADR-39•100
    Submitted 3 months ago

    1 comment
  • blog-preview-card


    ADR-39•100
    Submitted 3 months ago

    1 comment
View more solutions

Latest comments

  • Vinay Parit•100
    @vinay-parit
    Submitted 4 months ago

    testimonials-grid-section-main

    1
    ADR-39•100
    @ADR-39
    Posted 3 months ago

    Prefer using the grid layout over hard coding the position of elements.

  • Ian Cardoso•90
    @Ian-Cardoso
    Submitted 3 months ago

    Four cards

    1
    ADR-39•100
    @ADR-39
    Posted 3 months ago

    Interesting way of positioning the cards. you should have used grid, though.

  • Konate Mohamed Tidiane•80
    @Konamti
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to make my design responsive with just few lines of code.

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

    I had soo much difficulty with adjusting the image at max-width 500px and making it fit in the grid. I still to learn more on the reponsiveness of images.

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

    I would love to gain extra help on the responsiveness of grid and images with their height and width using percentages. I also need more help understanding the heights of my parent containers overlapping the viewport.

    Frontend Product Card

    1
    ADR-39•100
    @ADR-39
    Posted 3 months ago

    Nice work, however consider using <picture> HTML element instead of <img> which allows for responsive image selection depending on the viewport width via media queries.

    Marked as helpful
  • Quang Tho Hoang•150
    @ThooHoang
    Submitted 3 months ago

    My Recipe Page

    1
    ADR-39•100
    @ADR-39
    Posted 3 months ago

    Instead of using

    .table {
      border-bottom: ...
    }
    

    You should use "next sibling" selector

    .table + .table {
      border-top: ...
    }
    
  • kidd212•60
    @kidd212
    Submitted 3 months ago

    yhhhhh

    1
    ADR-39•100
    @ADR-39
    Posted 3 months ago

    The font does not seem to be "Inter". Check out "google-webfonts-helper" site which is helpful for generating css boilerplate to define custom fonts using static files.

  • Shandy_Devops•50
    @shandy100-cyber
    Submitted 3 months ago

    blog-preview-card made using flexbox and clamp() function

    1
    ADR-39•100
    @ADR-39
    Posted 3 months ago

    The margin between elements does not seem right

View more comments
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