Skip to content
OverviewSolutions
9
Comments
12
SmartAce
@Smart-Ace-Designs

All solutions

  • Submitted 4 months ago

    Newsletter sign-up built with Astro, Zod, and Tailwind CSS

    • HTML
    • CSS
    • JS
    1

    I used margin to place the button in the success message at the bottom. It seems to me that there should be a better way to do this instead of using a huge margin value that I eye-balled to get right. Should I be able to use something like grid or flex to automatically position it at the bottom?

  • Submitted 4 months ago

    Article Preview Card using Astro and Tailwind CSS

    • HTML
    • CSS
    • JS
    1

    The share button - changing colors on click and centering it in mobile mode.

  • Submitted 4 months ago

    Testimonials Grid Section built with Astro and Tailwind CSS

    • HTML
    • CSS
    1

    Nothing at this time. But I am very open to suggestions and constructive criticism.

  • Submitted 5 months ago

    Four card feature section built with Astro and Tailwind CSS

    • HTML
    • CSS
    1

    I would like someone to review my desktop card layout and let me know if I should have done it a better way.

  • Submitted 5 months ago

    Product preview card build with Astro and Tailwind CSS

    • HTML
    • CSS
    1

    Using the Astro component to select different images based on the screen size. The documentation, that I found, does not seem to explain how to do this (assuming it is even possible to do with this component).

  • Submitted 5 months ago

    Recipe page using Astro and Tailwind CSS

    • HTML
    • CSS
    1
    • Cleanup the mobile design.
    • Suggestions for better table implementation or replacing with something else (grid?)
  • Submitted 5 months ago

    Social media links built with Astro and Tailwind CSS

    • HTML
    • CSS
    1

    I think I got it mostly covered. The responsive design and the media queries I used might be a bit shaky and need some tweaking.

  • Submitted 5 months ago

    Blog Preview Card built with Astro and Tailwind

    • HTML
    • CSS
    1

    Understanding why the top image is in a separate DIV.

  • Submitted 5 months ago

    QR code component with Astro, Tailwind CSS, Bun, and Netlify

    • HTML
    • CSS
    2

    Sometimes I am not really sure where to put margins. Do I use it on the upper element, to add space between it and the lower element? Or vice versa? Or does it not matter? Same for left vs. right elements.

    Using hard-coded widths seems "restrictive". Is there a better way to set the width that is more dynamic instead of using a hard-coded width of "360px".

    I have several issues with Frontend Mentor itself:

    • The screenshot does not match my live solution. For example, my paragraph has three lines but the screenshot of my solution only shows two lines. This seems to be a bug with the screenshot process. I tried creating a second screenshot and got the same results.

    • Code blocks in this section are not being saved if they are at the very bottom. I tried using both of the options as described in the markdown help but neither worked. It shows it in the preview correctly, but when I hit submit or update solution, the content within the code block is lost. I have tried several times. Here is an example - you will see it is blank after I update solution:

    ``