@xStephx
Abubakar Sadiq Uzaifah
@BigNet90All comments
- @BigNet90
Brilliant solution✅
- @Abrster-codesWhat challenges did you encounter, and how did you overcome them?
i couldn't style the bullets and numbers for the ordered and unordered lists
What specific areas of your project would you like help with?i need guidance in styling bullets, line breaks and numbers
@BigNet90Nice work.
Regarding this challenge you don't really need a line break, instead you should set the border bottom for the card so it'll appear as if it's line break.
For list styling try
li::marker {
color: pink;
}
Marked as helpful - @Aditya-hub807What are you most proud of, and what would you do differently next time?
I was finding it a little difficult to center my container so i used grid place-items property to center the container.
What specific areas of your project would you like help with?I want a lot of help in learning grid and flexbox.
@BigNet90Nice solution. To learn more on grid and flex. https://web.dev/learn/css
- @ankitashokgond@BigNet90
Great 👍
- @taufiqz11@BigNet90
Nice one!
- @joanneastWhat are you most proud of, and what would you do differently next time?
I used this simple project to become familiar with Next.js, Tailwind CSS, and Vercel. I'm glad everything went smoothly on my first try. For now, I don't know what I could do differently next time? I hope anyone who visits here can share a clearer and wiser way to do!
What challenges did you encounter, and how did you overcome them?I think I didn't encounter any difficulty in this practice.
What specific areas of your project would you like help with?I don't konw if my html and css could be clearer.
@BigNet90A very nice attempt.
- @GustavoGPQWhat are you most proud of, and what would you do differently next time?
I'm not proud of what I've done, it's full of workarounds. There might be a lot of things I could have used or done better that I don't know yet.
What challenges did you encounter, and how did you overcome them?I had to start over from scratch because I did things that didn't work, and it's still not how I wanted it to be.
What specific areas of your project would you like help with?Anything you can add would help a lot, please!
@BigNet90Actually, you should be proud of what you've done. Because you've done an amazing job, your solution is very close to the challenge template. Well done dev
Marked as helpful - @FrontNova@BigNet90
You've done a great job. But you don't need to give your body specific width that's why the body content is out of the viewport. And also you don't to specify the content position. Instead try the code 👇
body{
display: grid; width: 100%; min-height: 100vh; justify-content: center; overflow:hidden;}
Well done once again.
Marked as helpful - @bogoreh@BigNet90
Awesome
- @maisatsuj
- @psychederikWhat are you most proud of, and what would you do differently next time?
I've been excited to write Javascript functionality and I'm proud I didn't have any difficulty with it. I'm most proud of solving the styling of the social icons element and positioning it correctly. Next time I will try to make my design more exact as I know this current version isn't perfect.
What challenges did you encounter, and how did you overcome them?The main challenge I encountered was styling the social icons element. I tried several methods and did some research online until I found a solution that worked.
What specific areas of your project would you like help with?I'm just curious if Tailwind-CSS has any limitations. Is Tailwind commonly used in real world paid projects?
@BigNet90Nice
- @NF0marWhat are you most proud of, and what would you do differently next time?
I am proud that i am doing much better than before. I used to hate css but now i am loving it day by day by practising.
What challenges did you encounter, and how did you overcome them?The challenge i encountered is that my solution was not responsive and still is not.
What specific areas of your project would you like help with?Kindly help me with grid and responsive.
@BigNet90To make any of your design responsive on any media device. First you need meta tag for viewport as mentioned by the commenter. Then you need to learn about @media query rules to specify rules for different breakpoints. Check it out on these websites web.dev, mdn and w3schools.com
Marked as helpful - @JPrakash15@BigNet90
It's a good effort, and close enough to the template. The color of the text in quotation, is not Gray. Use this instead color: hsl(0, 0%, 100%);
- @MostafaHusseinAli20@BigNet90
Nice one dev
- @ratul0407@BigNet90
This is great @ratul0407
- @keenyateesh19
- @Mungai47@BigNet90
Use media query
- @rcypankaj@BigNet90
Nice
