Skip to content
OverviewSolutions
14
Comments
7

Ankit Bal

@bingecoder89India250 points

👨‍💻 Frontend Developer | 🎨 Crafting Stunning UIs with HTML, CSS, JavaScript | 🚀 React & Vue.js Enthusiast | 💡 Passionate About UX/UI Design

I’m currently learning...

React

Latest solutions

View more solutions

Latest comments

  • Divadovitch•190
    @Divadovitch
    What are you most proud of, and what would you do differently next time?

    To be able to use a flexible grid for the layout on mobile with a grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); and adapt its layout using a grid-template-areas with a media query. Use the :nth-child() pseudo-class to make the order of the cards count for the layout.

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

    Make the project quickly editable. I tried to make the css classes flexible, so that I could change the appearance of the cards quickly and not rely on the css classes to organize their distribution, but on their order in the HTML structure.

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

    A better understanding of the BEM methodology and a better structure of the CSS.

    Testimonial grid section with CSS Grid

    1
    Ankit Bal•250
    @bingecoder89

    It's great!

  • slack•120
    @slackwaree
    What are you most proud of, and what would you do differently next time?

    n/a

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

    I had challenges with aligning the two cards on the far left and right sides of the screen, but in the end I used transform:translate to align them correctly.

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

    Was the method that I used to align the left and right cards viable? Was there a better option? It feels kind of hacky.

    Four Card Feature Section

    1
    Ankit Bal•250
    @bingecoder89

    It's great as per the project level.

  • slack•120
    @slackwaree
    What are you most proud of, and what would you do differently next time?

    I didn't struggle nearly as much as I thought I would when I had to transition from the mobile layout (which uses block-level elements) to the desktop layout (which uses a grid layout), and so in that regard, I am pretty proud of myself.

    I struggled a bit with keeping my CSS code clean and minimal and trying not to write any unnecessary duplicate selectors in my media query that controls the desktop layout.

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

    I struggled a bit when I initially started working on the desktop layout because elements were all over the screen haha, but once I gave the wrap class display: grid everything seemed a little more formatted and easier to work with.

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

    Is there any way I could make my CSS code a little smaller while keeping it easy to read? I feel as though 90 lines for a project of this size is quite a bit.

    Product Preview Card

    2
    Ankit Bal•250
    @bingecoder89

    It is great!

  • Shubhojit Mitra•40
    @shubhojit-mitra-dev
    What are you most proud of, and what would you do differently next time?

    I didn't do anything new this time. I used all my previous knowledge I developed by completing challenges. It doesn't feel like I have learned CSS just a week ago, thanks to all the practice these challenges are giving me.

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

    I faced some challenge trying to style the ordered and unordered lists. After struggling with it for some more time, I changed my approach. I created the same layout with flexbox. I know that this is not an optimal approach, but for now at least it works 😅 I'll try to learn more about styling lists and tables...

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

    I'm always open to feedback. Please help me improve with feedbacks...!

    Recipe Page using HTML5 and CSS3

    1
    Ankit Bal•250
    @bingecoder89

    As per the project level(beginner), it is great!

  • Júlio César Landim•20
    @devjuliolandim
    What are you most proud of, and what would you do differently next time?

    I am probably able to finish this challenge faster nowadays

    Social Links profile

    1
    Ankit Bal•250
    @bingecoder89

    As per the project level, it is good. Keep it up!

    Marked as helpful
  • Ahmed A Zenaty•40
    @Ahmedzenaty
    What are you most proud of, and what would you do differently next time?

    none

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

    none

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

    none

    blog-preview-card-main

    1
    Ankit Bal•250
    @bingecoder89

    As per the project level, it is good.

View more comments