I'm proud of using react and tailwindcss frameworks for the first time to build a project
What specific areas of your project would you like help with?I would like help on good practice usage of react framework and tailwindcss framework
I'm proud of using react and tailwindcss frameworks for the first time to build a project
What specific areas of your project would you like help with?I would like help on good practice usage of react framework and tailwindcss framework
I would like help in centering the form before using tailwind css with normal css i always used flex in body to center html,body{ width: 100%; height: 100%; } body{ display: flex; justify-content: center; align-items: center; }
it seems to not work, i guess tailwindcss might be overiding the styles
Hello @vedantagrawal524
Congratulation on completing the challenge. I liked the way you placed those background icons, I will try to update mine also.
Just a simple thing, in previous paragraph you forgot to add the respective duration either week or month
Wish you happy coding journey
Hello David Mwalimu Congratulation on completing the challenge🙌🙌, i liked the way you used classList toggle to change the page. I changed display property directly, i will use that method next time.
Some few modification i noticed The success card is not at center, you can use flex display to center it. You also forget to change the email on success component based on the email filled on the field.
I wish you all the best on your coding journey.💪💪
Hi congratulation on completing the challenge, some few improvements i could see You can adjust the top and right position of .social-icons to position it close to the share icon
I liked the way you used conditions to toggle the social-icons. You can also try using classList to toggle it too, i think it is good too. btnEl.addEventListener("click", function(){ socialIcons.classList.toogle('active'); })
I wish you all the best on your coding journey. Happy coding💪
if you can give me feedback or suggestion. please give it'll help me improve.
Hello @bhuvi819381,
Congratulations on completing the challenge! 🎉
A small suggestion: adding a box-shadow to the cards would enhance the design by giving the cards more depth.
All the best on your coding journey—keep up the great work! 👍
Congratulation on completing the challenge, only some few comments to make it more better. Adding some border-radius around the containers The background color of the leftmost container is white
I wish you all the best on coding journey
I made a responsive page using flex and grid
What challenges did you encounter, and how did you overcome them?I tried to use both of them but of course it didn't work the first time, I spent a lot of time
What specific areas of your project would you like help with?I am open to all kinds of comments.
Congratulation on completing the challenge, it looks almost like the design. The height of the card seems a little higher than that of the design and font weight is somehow high than required. Happy coding 👍
using the data-icon to add svg image to button
.btn[data-icon="shopping-cart"]::before { content: ""; background-image: url("images/icon-cart.svg") ; width: 15px; height: 16px; }
What challenges did you encounter, and how did you overcome them?none really.
What specific areas of your project would you like help with?would "grid" have been easier to implement?
Congrats on completing your challenge, it is very good. You could also use margin-top to align some elements like in the design. Wishing you nice coding.
Congrats on completing the challenge. I found following modifications might be helpful -Applying margin-top to the main container so to make it align with the design. -Use Rose-white background color on preparation container and with border-radius. The color of preparation heading is dark raspberry. -Reduce space between items like list and containers to push the bottom up so as to align with design. I wish you all the best and happy coding
Congratulation on completing the challenge. The site is good. I think you can improve the assigning the height of the solution as that in the design. I usually use photoshop to measure width and height as i don't have access to Figma files. Wish you all the best on the coding journey👍👍. Keep coding💪
Hello @Madan raj. Congratulation on completing the challenge and the solution is great.👍👍 One thing i noticed is that it is little above than the design, you can use position:relative; and top property to adjust.
Wish you all the best😊😊 and keep coding💪💪
I can now barely use flexbox and I will gonna learn more css because I still don't fully familiar with it
What challenges did you encounter, and how did you overcome them?I still can't set the width and height of elements with vh properly so I go back to make it static.
What specific areas of your project would you like help with?I can't make the border radius of the box and its image to nicely balance to each other.
Greetings Imperator7
Great work on this challenge👍👍
I would suggest using position property alongside with top property to position the site a little more down as in the design. You can also make html document more accessible by using elements like <main> and <section>
I hope you find it useful. Keep coding(and happy coding, too)!😊