Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
10
P

Alexander

@lordeverRussian Federation120 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Article previe on react-tailwind

    #react#tailwind-css#typescript

    P
    Alexander•120
    Submitted 3 months ago

    1 comment
  • Meet landing page

    #tailwind-css

    P
    Alexander•120
    Submitted 3 months ago

    1 comment
  • Testimonials grid sample

    #tailwind-css

    P
    Alexander•120
    Submitted 3 months ago

    1 comment
  • Four card sample

    #tailwind-css

    P
    Alexander•120
    Submitted 3 months ago

    1 comment
  • Product preview card

    #tailwind-css

    P
    Alexander•120
    Submitted 3 months ago

    1 comment
  • Blog Preview Card

    #tailwind-css

    P
    Alexander•120
    Submitted 4 months ago

    1 comment
View more solutions

Latest comments

  • Tiago BW•210
    @tiagobw
    Submitted over 3 years ago

    Responsive page using React, TypeScript and Tailwind CSS.

    #react#tailwind-css#typescript
    1
    P
    Alexander•120
    @lordever
    Posted 3 months ago

    Looks good and mostly matches the design.

    What can be improved:

    The share icon has a slightly more elongated shape and visually doesn't appear perfectly circular.

    In mobile view, the share section should expand fully instead of showing a tooltip.

  • P
    JeronimoCardu•580
    @JeronimoCardu
    Submitted 4 months ago

    Responsive meet landing page

    #tailwind-css#vite#react
    1
    P
    Alexander•120
    @lordever
    Posted 3 months ago

    Looks very nice and I learned how to make footer background by design

  • Abdullah Asif•120
    @abdullah-202
    Submitted 3 months ago

    Testimonial Section

    #tailwind-css
    1
    P
    Alexander•120
    @lordever
    Posted 3 months ago

    It looks really good, congratulations with completing this challenge!

    If you to make position for bakground image, you can do it by using background-position;

  • P
    ReiRev•310
    @ReiRev
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I used a grid layout with Tailwind CSS, which achieves efficient implementation.

    Tailwind CSS (CDN)

    #tailwind-css
    1
    P
    Alexander•120
    @lordever
    Posted 3 months ago

    Looks really nice!

  • P
    ReiRev•310
    @ReiRev
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I tried to make my implementation as similar as possible. "Perfume" text will add extra 10 px, so I removed it.

    What challenges did you encounter, and how did you overcome them?
    • The <picture> tag is useful for using different images based on media queries.
    • The rounded-[inherit] property can be applied to the <img> tag.
    • The height of an enclosed text element slightly varies depending on whether it is inline, inline-block, or block.

    Tailwind CSS (CDN)

    #tailwind-css
    1
    P
    Alexander•120
    @lordever
    Posted 3 months ago

    The way which you've chosen by using react and media queries is very good! Good job!

  • Ambrose A. Ahawo•40
    @ambroseahawo
    Submitted 4 months ago

    Responsive Blog Preview Card

    #tailwind-css
    2
    P
    Alexander•120
    @lordever
    Posted 3 months ago

    Awesome. If you want add border, you can simply make other balck box and place it under your card bit on the bottom and right corner

View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub