keltiek

Latest comments

• 

  Gautam Sarkar•850

  @gautam32b7Submitted about 1 year ago

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

  Hi there!

  I am unable to implement the shared container on a mobile device. I would appreciate it if anyone could help me 🙏

  

  Article Preview Component | HTML | CSS | JS

  1

  50
  

  keltiek•210

  @keltiekPosted 11 months ago

  Just some generic comments, I hope it can still help for directions... For mobile design, you can change with the media query the top and right position of the container, and with padding make it the same size as the bottom of the card. Then use Z index to keep the Share button above it.

  0
• 

  Zet•800

  @zetmosoma10Submitted 11 months ago

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

  Im proud of Finally Finishing this Project and next Time i will try to Manage time when building this Project. This Project took me more time than i expected.

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

  Building Button Component was more challenging - I had to build a Button component that either return a link instance or a button instance.

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

  I Need Help with the Issue of Horizontal scrolling, i don't know what's going on here. I have been handling this horizontal scrolling good when using CSS or Sass (by using margin: 0 auto, max-width: 1110px, width: 90%) but when it comes to TailwindCSS it just not coming the way i want.

  Any Feedback will be Appreciated

  

  Responsive Design, TailwindCSS and React - Bookmark landing page

  #react#tailwind-css

  1

  30
  

  keltiek•210

  @keltiekPosted 11 months ago

  I think the issue with horizontal scrolling could be from "herobgImg" & "featureBgIcon" absolute position with:

  right-[-25%]

  left-[-30%]

  I'm not so advanced, so I may be wrong.

  1
• 

  navkng•20

  @navkngSubmitted 12 months ago

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

  I did it in record time.

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

  defining custom colors, shadowbox and font in tailwind

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

  well criticism is always welcomed

  

  Blog Preview Card with Tailwind

  #tailwind-css

  2

  40
  

  keltiek•210

  @keltiekPosted 12 months ago

  It looks great! One minor thing, I believe you should use <h1> instead of <h3>. Keep it up!

  0
• 

  vicky2805vky•70

  @vicky2805vkySubmitted 12 months ago

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

  this is my first project which I only created using an image not figma.

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

  as I use image I have some problems in finding pixel measurements I think my website is almost similar to the design but it is so small.

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

  someone please tell me how do you deal with this measurement problem. as you can see my website look similar but it is small

  

  social links card with simple hover effects

  4

  30
  

  keltiek•210

  @keltiekPosted 12 months ago

  I'm not sure if it will help you, but I'm using "Pixel Perfect Pro" extension on Chrome, and it makes it easier to follow the design without figma.

  0
• 

  ELMudyr•240

  @ELMudyrSubmitted 12 months ago

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

  I was able to get an approximate sizing of the cards resolution. I would in the future reduce the ammount of styling code and build starting from small media screens to have a better responivity.

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

  I would like to know why my grid elements do not stack on smaller screens knowing that I have specified the collumns to 1 col on below medium screens. Also I was unable to set the quotation image to absolute using tailwind, I declaired the parent container as relative, I had to move the image using CSS.

  

  Testimonials grid section

  #tailwind-css

  1

  20
  

  keltiek•210

  @keltiekPosted 12 months ago

  Hello,

  I don't see in your code the default with grid-cols-1.

  You could have for example something like: class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4"

  Then on each card you have to be careful to set the correct spanning and row/col start depending on the media queries. For Kira, I have something like: class="md:col-start-2 md:row-span-2 md:row-start-2 lg:col-start-4 lg:row-start-1"

  For the quotation image I did something like: bg-[url('./images/bg-pattern-quotation.svg')] bg-top bg-no-repeat [background-position-x:82%]

  There is a bg-top-right available but then there is no space on the right of the card. I used a custom property to set "background-position-x".

  I hope this is helpful, as I'm not very experienced in CSS / Tailwind.

  Good luck! :)

  Marked as helpful

  1
• 

  Sipan Ahmad•160

  @sipanahmadSubmitted 12 months ago

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

  I'm proud of understanding the grid layout concepts.

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

  I'm really wanna use grid in my next projects.

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

  I'd like to say how the layout organize it's just such a wow thing and it's modern design.

  

  Testimonials grid section challenge

  1

  20
  

  keltiek•210

  @keltiekPosted 12 months ago

  Impressive css skills, it looks very clean with the use of grid-template-areas!

  1