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

Dean B

@KynjiiBerlin100 points

Product guy turned Dev

Latest solutions

  • A four card feature section with Tailwind CSS

    #tailwind-css

    P
    Dean B•100
    Submitted 8 months ago

    1 comment
  • A responsive product card component


    P
    Dean B•100
    Submitted 8 months ago

    None


    1 comment
  • A robust recipe page using HTML and CSS


    P
    Dean B•100
    Submitted 8 months ago

    I can never figure out how to get the main content vertically centered


    1 comment
  • A responsive social profile card with hover effects


    P
    Dean B•100
    Submitted 8 months ago

    None


    2 comments
  • A simple Blog Preview card made with HTML and CSS


    P
    Dean B•100
    Submitted 8 months ago

    None


    2 comments
  • Simple QR code component using HTML and CSS


    P
    Dean B•100
    Submitted 8 months ago

    None so far


    2 comments

Latest comments

  • Christo_Diaz•100
    @ChristoDiZ
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Un desafio total para alguien nuevo, uno se fuerza a aprender a utilizar componentes nuevos(Grid) y reforzar lo aprendido. Ya con lo aprendido sera mas facil para la proxima.

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

    Utilizar Grid, un desafio como alguien nuevo, resulto todo un existo.

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

    Aun estoy en duda si uso bien la semántica, cualquier comentario es bien recibido.

    Testimonios en Grid- HTML & TailwindCSS

    #tailwind-css#accessibility
    1
    P
    Dean B•100
    @Kynjii
    Posted 8 months ago

    Good work, take a closer look at the gaps between most of your elements and you'll be 👌

    Marked as helpful
  • DebugNinjaSlayer•100
    @DebugNinjaSlayer
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I can use grid layout to achieve the desired layout

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

    I don't know how to achieve a responsive layout correctly; I can only rely on my feelings. On mobile and desktop, it looks roughly like the design, but the transition process is uncertain.

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

    Any suggestions and opinions on this challenge are welcome, thank you very much

    Grid layout four card feature section with Tailwind

    #tailwind-css
    1
    P
    Dean B•100
    @Kynjii
    Posted 8 months ago

    The transition is decent, you are however using the wrong installation approach for live code, don't use the cdn version.

  • Daniel García•140
    @DaniCoppermind
    Submitted 8 months ago

    product card component

    1
    P
    Dean B•100
    @Kynjii
    Posted 8 months ago

    Nice attempt!

    Look into adding a background color, the border radius on the main component as well as how to style the retail price.

  • kaaato•360
    @kaaato
    Submitted 8 months ago
    What challenges did you encounter, and how did you overcome them?

    It was more challenging than the last one and I liked it. I just gave it more time and did research online.

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

    I appreciate any feedback.

    Recipe page

    1
    P
    Dean B•100
    @Kynjii
    Posted 8 months ago

    Nice work!

  • Emmanuel Bwire•80
    @bwire40
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I am making good progress

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

    This was a good challenge, no problems encountered

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

    Writing good media screens and animations

    Social Links Profile

    2
    P
    Dean B•100
    @Kynjii
    Posted 8 months ago

    Great work!

  • FahryWinata•40
    @FahryWinata
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I Proud i know exactly how positioning work with flexbox. Next time i will learn Grid ASAP

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

    I don't know why my links like images, fonts not show when i deploy in github pages. Can anyone help ??

    Flexbox helps a lot in this case !

    1
    P
    Dean B•100
    @Kynjii
    Posted 8 months ago

    Looking good, I'd think about adjusting the dimensions to ensure they match the figma file.

    Also, don't forget about the hover effect!

    In addition, take a look at the responsiveness of the card by switching between larger and smaller screens using the devtool, you will see that some work is needed.

View more comments

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