Bookmark landing page using HTML, Tailwind CSS and JS

Community feedback

• 

  P

  Nishanth Venkatesan•900

  @nishanth1596Posted 24 days ago

  Great work on this project! I have a few suggestions that might help refine it even further:

  1. Since this project is built using HTML, JavaScript, and Tailwind, tagging React might not be the most accurate choice. Updating it accordingly could make it clearer.

  2. To enhance the professionalism of your project, consider updating and adding a well-structured README. I know it’s a bit of extra work, but small details like this can really help you stand out.

  3. On medium screens, the margins for the hero (first section) and the download section seem a bit tight. Adjusting them slightly could improve readability and overall layout.

  4. In the FAQ section, the toggle animation happens instantly. Adding a transition like the one below would make the interaction smoother and more visually appealing:

   transition-all duration-500 ease-in-out
  

  5. Since most of the headings and paragraphs in this project share common styles, you could define them in the input.css file using a base layer. This way, you can simply use <h2>Content here</h2>, and the styles will be applied automatically:

  @layer base {
    h2 {
      color: var(--color-Black);
      font-size: 1.5rem;
      line-height: 3.25rem;
      font-weight: 500;
      letter-spacing: -0.08px;
    }
  
    p {
      color: var(--color-Black);
      font-size: 0.94rem;
      line-height: 1.56rem;
      opacity: 0.5;
      font-weight: 400;
      letter-spacing: 0;
    }
  

  0

  ---

  

  leodev•450

  @hangtime319Posted 23 days ago

  @nishanth1596 Thanks for the tips. I will apply them to the project.

  0