Looking to hire developers?
@ikitamalarose
@wazirwazir
Submitted
What are you most proud of, and what would you do differently next time?
It took less than 3 hrs to finish it
What challenges did you encounter, and how did you overcome them?
Adding the email address on submit was a bit tricky
What specific areas of your project would you like help with?
All reviews will be appreciated
@ikitamalarose
Posted
Hello
I've takeen a look at your work. I suggest you use the following of this code to centre your card in the centre of the page.
body { height: 100vh; display: grid; place-content: center; }
I also recommend that you implement a js function to return to the form when you click on the dismiss message button.
Otherwise, it's a good job
@8bit-shawty
Submitted
What are you most proud of, and what would you do differently next time?
proud of how it came out just practiced mostly on js. will make sure to style it better
What challenges did you encounter, and how did you overcome them?
How to get the share button to appear and disappear when clicked on
What specific areas of your project would you like help with?
none
@ikitamalarose
Posted
Hi, i think you confused the challenges. Insert the right link of online site. And update your README file
@ikitamalarose
Posted
Congratulations on the work done, i suggest you to read the documentation on CSS Grid, use the html element <picture></picture> for the different images according to the screen size
@mverma45
Submitted
What are you most proud of, and what would you do differently next time?
I am proud of the fact that I got the opportunity to work on this project from this platform, this is a great platform to practice front-end development skills. Also from what I learned on this challenge is amazing.
What challenges did you encounter, and how did you overcome them?
In this project I encountered the challenges of grid, I always have a problem working with grid/flexbox I have to look up the code and try to figure it out. Even though I have worked with grid on some of the other projects. I tried googling but is there a way see the grid I always guess/visualize in my head where the element will go.
What specific areas of your project would you like help with?
I know this code isn't perfect when you go full screen, when I go mobile screen it looks on my computer, just want to know if it looks good on other people's screen sizes. If you have other suggestions please let me know how to fix it.
@ikitamalarose
Posted
First congratulations for the effort and the work done. I invite you to take a look at my solution on this challenge in order to get an idea.But also to document yourself on the CSS Grid.
Marked as helpful
@Mr-kings042
Submitted
@ikitamalarose
Posted
The site is no longer available to have a live overview damage. But by trusting the image, i advise you to review the size of the cards and that of the icons.
Review the letters spaces and the external margin of the different blocks.
Congratulations for the effort.
@Khemraj9815
Submitted
@ikitamalarose
Posted
Hello, try to important the right fonts and review the design of the mobile. You can try to look at my repository on this challenge to repair yourself.
Marked as helpful
@Jstar7890
Submitted
@ikitamalarose
Posted
Add padding left on the "preparation" bloc, and bold the values (22Kcal, 0g ..etc). The README.md file follow the instructions.
Marked as helpful
@Essensity-dev
Submitted
What are you most proud of, and what would you do differently next time?
...
What challenges did you encounter, and how did you overcome them?
...
What specific areas of your project would you like help with?
...
@ikitamalarose
Posted
I propose to make some changes to the CSS
.perfil ul li { list-style: none; } .perfil li a{ text-decoration: none; }
Marked as helpful
@ba311
Submitted
What are you most proud of, and what would you do differently next time?
Nothing exactly
What challenges did you encounter, and how did you overcome them?
I had some issues with some css like making the .card_image fill the .card and the card shadow, but I was able to complete it with some help
What specific areas of your project would you like help with?
Nothing exactly. just want be master my skill
@ikitamalarose
Posted
About the card_profile you can do this to align the elements
<div class="card_profile"> <img src="assets/images/image-avatar.webp" alt="image-avatar" style="width: 30px; height: 30px; margin-right: 10px;"> <p>Greg Hooper</p> </div>.card_profile { display: flex; flex-direction: row; align-items: center; }
@juliancoder22
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud of how quickly I coded, but next time I'll review the Figma design more thoroughly from the start instead of intermittently.
What challenges did you encounter, and how did you overcome them?
I didn't find challenges.
What specific areas of your project would you like help with?
The mobile and desktop sizes don't work well on all devices.
@ikitamalarose
Posted
Instead of using fixed values (px) for font sizes, consider using fluid units like percentages (%) or relative units (em, rem). Fluid values allow text to adapt more flexibly to screen size, improving the user experience on different devices.
Marked as helpful
