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

ebenkanin

@ebenkanin310 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 contact form with Tailwind css


    ebenkanin•310
    Submitted 5 days ago

    0 comments
  • Sunnyside agency landing page

    #tailwind-css

    ebenkanin•310
    Submitted 11 days ago

    0 comments
  • Responsive stats preview page built with tailwind css and Html

    #tailwind-css#accessibility

    ebenkanin•310
    Submitted about 1 month ago

    0 comments
  • Tip calculator built with Tailwind and Vanilla Javascript

    #tailwind-css#accessibility

    ebenkanin•310
    Submitted about 1 month ago

    0 comments
  • Rating card component using tailwind css

    #tailwind-css

    ebenkanin•310
    Submitted about 2 months ago

    0 comments
  • product preview component done in tailwind css


    ebenkanin•310
    Submitted 2 months ago

    none


    1 comment
View more solutions

Latest comments

  • abu-baasit•80
    @abu-baasit
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    improvement on learning new things

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

    styling of bullet points and numbers and style of nutrition table

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

    probably another way or method to style the nutrition tableto style

    customize page using flexbox

    1
    ebenkanin•310
    @ebenkanin
    Posted about 1 month ago

    Hi Abu,

    Well done on completing this project. Concerning your styling of Tables, i noticed all the data in the calories column were boldened. Going forward, do consider structuring your code like this.

    <table> <thead> <tr> <th>Calories</th> <th>270kcal</th> </tr> </thead> <tbody> <tr> <td>Carbs</td> <td>10mg</td> </tr> </tbody> </table> the table usually has a table head(where your column headings go) and the body(where the data goes). This ensures only the column headings are boldened and is more semantically pleasing. i have included a link to a Dave gray video on tables in html. I think this should help you get better at building and styling your tables in future.

    https://youtu.be/mJgBOIoGihA?t=8681

    Good luck and keep going!

    Marked as helpful
  • DayaA•130
    @Aishaakin
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    This is my first challenge after taking about 8 months break from web development learning because I switched into Cybersecurity. I still want to stay in Cybersecurity but as I am in the period of my school IT (6 months ),I am learning frontend. It took time for me to finish this challenge as I have forgotten most of the concept because it was Node.js, I stopped before the break.

    What challenges did you encounter, and how did you overcome them?
    1. I didn't know how to use flexbox and grid properly and I would love someone to suggest a platform where I can fully understand it excluding w3school.com but a friend helped me out in this project by explain how it was used.

    Responsive Landing Page Using CSS Flexbox And Grid

    1
    ebenkanin•310
    @ebenkanin
    Posted about 1 month ago

    Hi Daya,

    for flexbox, i suggest you visit flexboxfroggy.com . It's a great resource for learning flex box. i actually found it really useful when i began learning about the flex property.

    Well done on the challenge though. Keep it up

    Marked as helpful
  • Kelly McLaughlin•10
    @CodeKellyCat
    Submitted about 1 month ago
    What specific areas of your project would you like help with?
    • Did I use best practices?
    • How would you make the CSS more efficient?

    Recipe Page Built with HTML & CSS (Mobile-First Approach)

    1
    ebenkanin•310
    @ebenkanin
    Posted about 1 month ago

    Hi Kelly,

    Great job completing this challenge. Congratulations. I went through your code and realized for your table, you put the headings in a normal <tr> and <td> tags. In future, do consider wrapping your table headings up in a <thead> tag to adhere more to html semantics since they are column names. something like this should work out nicely.

    <thead> <tr> <th>Calories</th> <th>277kcal</th> </tr> </thead>

    Overall, well done and keep going!

  • fa23bcs233•230
    @fa23bcs233
    Submitted about 1 month ago

    FAQs Component

    1
    ebenkanin•310
    @ebenkanin
    Posted about 1 month ago

    Hello there,

    Great job completing this challenge. I particularly loved the sizing on both large and small screens. I also loved the bit where the open faq is closed before clicked question opens. That's really cool. wish i had thought about that for my own submission. I did realize though that you can't close a question by clicking on the retract button after it has been opened. I suggest you include a condition in your loop function that checks if the faq is open so it closes and if closed, open. Keep going!

    Marked as helpful
  • DangoDono•110
    @CodingDango
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    Proud of the organization of my CSS and the maintainability of it, keeping the sections of for each class separated. And the semantics of the HTML.

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

    Lots and lots of headbanging. wondering why my main content wouldn't center, playing around with the CSS.

    And the semantics of the HTML. I finished it firstly on my own. and asked AI what was wrong with the semantics. I got lots wrong, but now i am left with more understanding on the why.

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

    Im satisfied with the project. I think it doesn't need anymore tinkering and help. I just dont see any areas. its not perfect by any means but just good enough for me. but feedback is still appreciaited.

    Responsive Social Links Profile

    #accessibility
    1
    ebenkanin•310
    @ebenkanin
    Posted about 2 months ago

    Hi there,

    Congratulations on completing this project. I loved the transitions you included in your work. Concerning the issue of centering divs and stuff, it's a classic struggle for all of us beginners. I'll advise that you familiarize yourself with flex box and grid system. Honestly, it will save you a ton. I recommend using flexbox froggy to help you in this regard. This is the link. flexboxfroggy.com Do look it up and try your hands at it.

    Great job and keep going!

    Marked as helpful
  • Anoushzad•10
    @Piexar
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    i gotta practice flexbox more, and grid. and i have to get used of media queries in case if i didnt use a flexbox display it was fun, i first completely did write it myself

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

    only one place i had problem which was social links. i did put down a main div, then 5 divs and inside each these 5 div's i did put a or link, which was wrong, last i asked chat gpt to tell me where i did wrong and ai said that u should do nav -> a not like that im learning this is finished one, and the animations like transform box shadow and transition i did them myself no help of ai, it took me 1hour 45 min which is a lot, and i try my best to reduce this time <3

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

    rn nothing, but i gotta go watch some youtube about where nav, section and div get used. <3

    i used html css and a little bit of js, totally raw, no library used

    1
    ebenkanin•310
    @ebenkanin
    Posted about 2 months ago

    Hey man, good job on this one! I am glad you stated in your feedback that you kept exploring different ways of doing the links with chatgpt too. In future, you can also include just the links with the anchor tag<a href=""></a> and style them by giving it padding on the top, bottom, left and right. You would still be able to give it a background color upon hovering over it with the cursor too.

    Overall, great work! Keep going.

    Marked as helpful
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