Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • P
    chelsea-here• 160

    @chelsea-here

    Submitted

    What are you most proud of, and what would you do differently next time?

    I started the project trying to use Sass and Tailwind together. After running into many errors and researching best practices, I realized it would be better to simplify the project. In the future, I will keep in mind that over-optimization can often be a hinderance.

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

    Trying to offset the hero image as it splits for the desktop view was tricky. I had to go back to the basics and research positioning on mdn. It helped me devise a solution that was much simpler than what I'd had before.

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

    I feel pretty good about my solution. Any suggestions are welcome!

    Responsive Meet landing page using Next.js 14 and Typescript

    1

    P
    tloyan• 255

    @tloyan

    Posted

    You’ve made an awesome solution!

    It makes me realize that focusing too much on the initial design can sometimes lead to unnecessary rules. I really enjoyed the breakpoints you chose and how you handled the responsiveness.

    Seeing your code reminds me that CSS modules can be much cleaner compared to Tailwind.

    0
  • kvruntime• 170

    @kvruntime

    Submitted

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

    how use grid-item & css child selectors.

    fm-testimonial-card

    1

    P
    tloyan• 255

    @tloyan

    Posted

    Hi, nice work!

    I think your breakpoint changes happen a bit too early. :)

    0
  • hominhk3• 80

    @hominhk3

    Submitted

    What are you most proud of, and what would you do differently next time?

    dasd

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

    asd

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

    asd

    Four card feature section

    1

    P
    tloyan• 255

    @tloyan

    Posted

    Hi,

    Just a subtle difference 🥲

    0
  • P
    tloyan• 255

    @tloyan

    Posted

    Nice work!

    You just missed a small detail: the font size of "PERFUME" should be 12px with 5px letter spacing. ;)

    0
  • P
    tloyan• 255

    @tloyan

    Posted

    Great work!

    However, be careful with the bullet markers in the unordered list, as they are not properly centered. To my knowledge, this can't be easily fixed with native markers or Tailwind's default utilities. :)

    0
  • Rafael Ibarra• 60

    @rafbar2000rr

    Submitted

    What are you most proud of, and what would you do differently next time?

    I am proud of trying to improve my code. Next time I will try to use relative units because they provide more flexibility and adaptability for responsive design.

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

    There was a problem when deploying by Vercel, it didn't work because the images couldn' be read inside the images folder, so I moved the images to the src folder and then it worked.

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

    I would like to know why in the following code, relative units in percentage doesn't work but absolute units like px does work.

          GitHub

    tailwindcss, flexbox

    1

    P
    tloyan• 255

    @tloyan

    Posted

    Hi, I tested your code and noticed that in the output generated by Tailwind, it doesn't include a default font size. However, to use rem units, you need to define a base font size. You could, for example, add this to your CSS:

    html {
  font-size: 16px;
}

    Good work overall!

    • It's important to pay attention to the details (padding, sizes, etc.).
    • If you care about responsiveness, consider developing with a mobile-first approach and then adding constraints for larger screens. ;)

    Marked as helpful

    0
  • Stefan Mohenski• 30

    @stefanelli990

    Submitted

    What are you most proud of, and what would you do differently next time?

    I’m most proud of how Tailwind CSS streamlined my development process.

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

    Using outline instead of border on the card because the border adds an additional 2 pixels to the element's size, which affects the layout.

    Blog preview card

    1

    P
    tloyan• 255

    @tloyan

    Posted

    I really appreciated your work, especially how you handled the responsiveness. I particularly liked your use of "object-cover w-full h-full" for the image. Awesome work!

    0
  • P
    tloyan• 255

    @tloyan

    Posted

    There are some subtle differences between your solution and the design. The "Slate" color from Tailwind differs from the one in the design. The same goes for the font sizes in Tailwind, there are a few discrepancies. Also, you missed the drop shadow. ;)

    Marked as helpful

    0
  • Emunah Ngwa• 45

    @EmunahNgwa

    Submitted

    Hi Fam, this is all i could do so far on this project, i wasn’t able to make the bold texts bolder and I had issues with responsiveness. Pleas any feedback is welcome.

    Four card using css grid and flexbox

    1

    P
    tloyan• 255

    @tloyan

    Posted

    Hello, about the font you have import only font weight 200 so you could only use this weight in your css file. You need to import all font weight you need from google font ;)

    1