Skip to content
OverviewSolutions
11
Comments
11
Kaushal Kishore
@KaushalSonic

All comments

  • Kaushal Kishore•150
    @KaushalSonicSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I think I got the layout design for this challenge.

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

    I encountered a huddle of making the card section layout, then after a little bit of playing around with position property, I got this.

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

    I would to take suggestion from pro members to take a glance of my challenge and give some feedback, thanks.

    Four Card Feature Section

    2
    Kaushal Kishore•150
    @KaushalSonicPosted 8 months ago

    Again it happen :( can anyone help me with this overflow issue, I built this challenge using 100% of my chrome scale. If I will make it same as aspect ratio given then this challenge would overflow my 100% of view height. Will it be okay? or there can be other solution, suggest me thanks.

    0
  • Kaushal Kishore•150
    @KaushalSonicPosted 8 months ago

    So far so good buddy, but I think you forgot to use another font family in "Preparation time". Have a look :)

    1
  • awwsalah•290
    @awwsalahSubmitted 8 months ago

    Code Review and What I Learned This coding challenge was a fantastic learning experience! I faced several setbacks and rewrote the code multiple times, but it was through this process that my CSS skills significantly improved. Before joining Front-end Mentor, I wasn't as comfortable with CSS. This project demonstrates my dedication to overcoming obstacles, and I'm excited to take on even more challenging projects to continue honing my skills. Key Takeaways:

    • The Value of Iteration: Rewriting my code helped me identify areas for optimization and solidify my understanding of CSS concepts.
    • Persistence is Key: Even when encountering errors, I was determined to find solutions and improve my implementation.
    • Embrace the Learning Journey: This experience reinforced the importance of continual learning and practice in front-end development. I'm ready and eager for more challenges to further enhance my CSS mastery! Changes Made:
    • Focus on Growth: Emphasizes the positive aspects of learning from challenges.
    • Specific Takeaways: Adds insights gained rather than just mentioning difficulties.
    • Confidence and Enthusiasm: Concludes with a forward-looking attitude and desire for more learning opportunities.

    Social-links-profile FM Challenge

    2
    Kaushal Kishore•150
    @KaushalSonicPosted 8 months ago

    You're CSS looks good man, keep it up. :)

    0
  • awwsalah•290
    @awwsalahSubmitted 8 months ago

    Code Review and What I Learned This coding challenge was a fantastic learning experience! I faced several setbacks and rewrote the code multiple times, but it was through this process that my CSS skills significantly improved. Before joining Front-end Mentor, I wasn't as comfortable with CSS. This project demonstrates my dedication to overcoming obstacles, and I'm excited to take on even more challenging projects to continue honing my skills. Key Takeaways:

    • The Value of Iteration: Rewriting my code helped me identify areas for optimization and solidify my understanding of CSS concepts.
    • Persistence is Key: Even when encountering errors, I was determined to find solutions and improve my implementation.
    • Embrace the Learning Journey: This experience reinforced the importance of continual learning and practice in front-end development. I'm ready and eager for more challenges to further enhance my CSS mastery! Changes Made:
    • Focus on Growth: Emphasizes the positive aspects of learning from challenges.
    • Specific Takeaways: Adds insights gained rather than just mentioning difficulties.
    • Confidence and Enthusiasm: Concludes with a forward-looking attitude and desire for more learning opportunities.

    Social-links-profile FM Challenge

    2
    Kaushal Kishore•150
    @KaushalSonicPosted 8 months ago

    You're CSS looks good man, keep it up. :)

    0
  • Kaushal Kishore•150
    @KaushalSonicPosted 8 months ago

    Dimensions of Learning button and "Published 21 Dec 2023" can me less for reaching towards proper dimension of the card.

    0
  • Kaushal Kishore•150
    @KaushalSonicPosted 8 months ago

    You can give left and right padding to heading and paragraph for proper alignment of text.

    Marked as helpful
    1
  • Moises2710•190
    @Moises2710Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I proud of this challenge because is my first challenge in Frontend Mentor so I'm looking that I can be better and improve my knowledge, skills in web design and other things about programming, informatic, computer, etc.

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

    I didn't encounter nothing in this challenge.

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

    I would like to receive help in topics like responsive design.

    My first project of Frontend Mentor

    3
    Kaushal Kishore•150
    @KaushalSonicPosted 8 months ago

    Try:

    display: grid; place-items: center;

    to your main component for center align along the cross and the main axis.

    0
  • Kaushal Kishore•150
    @KaushalSonicSubmitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of reaching towards approx. Actual dimensions of the card.

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

    No issue found.

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

    None for this. Thanks

    Social Links Profile

    2
    Kaushal Kishore•150
    @KaushalSonicPosted 9 months ago

    @danielmrz-dev thanks for informing but I already used perfect pixel for this challenge, but don't know at what scale of image I use to make bigger, although I am able to mimic almost perfect aspect ratio but didn't able to match the size.

    1
  • Kaushal Kishore•150
    @KaushalSonicPosted 9 months ago

    For placing the main card component at the center of the browser use display:grid, on its parent div---

    like:

    parent{ display: grid; place-items: center; }

    And also remove unwanted text from above for neat and clean view. :)

    0
  • Neel Mishra•240
    @Neel-07Submitted 9 months ago

    Hello there! I recently completed a project called the Profile Card Component, and I'm eager to gather some feedback. I put a lot of effort into designing and building this project, and I would greatly appreciate any thoughts or suggestions you might have. Did the layout and design of the profile card meet your expectations? Was the user interface intuitive and easy to navigate? Any feedback you can provide would be immensely helpful in improving this project. Thank you in advance for taking the time to share your thoughts with me!

    Profile-Card-Component

    1
    Kaushal Kishore•150
    @KaushalSonicPosted 9 months ago

    Thanks buddy, after submitting my solution, I had problem with background imaging placement (I used rem units for top, left, bottom, right with position absolute). When I upscale or downscale my browser viewport then my background images got displace. Now I gone through your code, you used viewport units for alignment or placement of images, its so cool it works. thanks again. I like your approach :)

    0
  • Kaushal Kishore•150
    @KaushalSonicPosted 9 months ago

    Hey, your code seems go out of layout, hope you'll fix this soon :)

    Marked as helpful
    1