Very happy to have achieved a result very close to the design. No problem with HTML.
What challenges did you encounter, and how did you overcome them?Using flexboxes posed a number of problems for me.
Very happy to have achieved a result very close to the design. No problem with HTML.
What challenges did you encounter, and how did you overcome them?Using flexboxes posed a number of problems for me.
Hi!
Great component! Here's the solution to align the component to the center, at this to the main element:
display: flex; justify-content: center; align-items: center; min-height: 100vh;
. This creates a flexbox container and aligns the component center horizontally and vertically. Further I recommend to look at the BEM methodology to better organize your CSS classes.
Best! Ruben
Hi there!
Here are my tips and tops for this project:
Hope it helps! Best, Ruben
Hi!
Here are my tips and tops on your component:
Cheers! Ruben
I would like some suggestions to improve responsiveness.
Hi!
To improve the responsiveness, you have to remove the width:300px from the social links, this prevents scaling on smaller devices, and make the list element width:100% and add some margin to the profile card or padding to the body so it does not touch the edges of the window.
Cheers! Ruben
PS. try to avoid using pixels in general, instead use EMs (relative to the font-size of the parent) or REMs (relative to the root element (html element)
finishing the project
What challenges did you encounter, and how did you overcome them?the active hover toggle is not working the top profile pictures did not adjust well even on other screen sizes the small screen size media query width was not picking so they all floated on the left. I did not manage to overcome the above challenges
What specific areas of your project would you like help with?the active hover toggle is not working the top profile pictures did not adjust well even on other screen sizes the small screen size media query width was not picking so they all floated on the left. any assistance would be appreciated
Hi!
Here are my tips:
Best, Ruben
I am very happy with getting to grips with flexbox and CSS grid. Also using the position reletive and absolute positiong and custom CSS properties
What challenges did you encounter, and how did you overcome them?positiong aspect but done some research on google to find a solution
What specific areas of your project would you like help with?N?A
Hi!
Nice component, here are my tips:
Best, Ruben
I'm pretty much just proud that I managed to complete the challenge since it was my first time usong CSS Grid on a mobile-first approach.
What challenges did you encounter, and how did you overcome them?Getting the number of columns and rows for my grid right was difficult as I'm not used to thinking in terms of such layouts, but a frew videos by Kevin Powell and Slaying The Dragon served as good refreshers on what I had previously learned.
What specific areas of your project would you like help with?None that I can think of right now.
Hi!
Nice implementation of Grid! Here are my tips:
Best, Ruben
dcedvqe
What challenges did you encounter, and how did you overcome them?xc
What specific areas of your project would you like help with?cadca
Hi!
Here are my tips:
Best, Ruben
Hi!
Here are my tips for your component:
Best, Ruben
It was effortless to implement.
What challenges did you encounter, and how did you overcome them?To have the correct measurements was a challenge by looking up in Figma.
I improvised based on my instinct and it helped.
What specific areas of your project would you like help with?This was easy.
Hi!
Welcome to the community! Here are my tips:
I'm especially proud of having been able to complete the challenge despite the difficulties I faced. However, in hindsight, I believe I have not yet given my 100%. I think I'm capable of doing things better. Next time, I will focus on doing even better than the previous time and so on consecutively to improve every day.
What challenges did you encounter, and how did you overcome them?I didn't see any other challenges. I didn't have time. But I will do all the ones that come my way.
What specific areas of your project would you like help with?In this project, I would like to receive specific help in:
Accessibility: I would like to make the project more accessible for people with disabilities, ensuring compliance with web accessibility standards. Code improvement: If there are areas in my code that could be improved in terms of clarity, efficiency, or maintainability, I would love to receive suggestions and guidance on that.
Any help or advice in these areas would be greatly appreciated. Thank you in advance for your help and support!
Hi!
Great component, here are my tips:
That's pretty much it! Best, Ruben
Spacing the markers in the lists. Used the tag span and then set the left position for the gap. Could've done better i think.
Hi!
Welcome to the frontend mentor community!
Here are my foundings for you recipe page:
That's pretty much it, Take care!
Ruben