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

Akshata

@Akshatasarawgi210 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

  • Interactive Rating Component


    P
    Akshata•210
    Submitted 16 days ago

    1 comment
  • Faq-accordion


    P
    Akshata•210
    Submitted 20 days ago

    0 comments
  • Four Card Feature Section


    P
    Akshata•210
    Submitted 22 days ago

    1 comment
  • Product Preview Card


    P
    Akshata•210
    Submitted 23 days ago

    1 comment
  • Recipe Page Main


    P
    Akshata•210
    Submitted 26 days ago

    I need to learn to reduce the code that I repeat.


    0 comments
  • Social Links Profile


    P
    Akshata•210
    Submitted 27 days ago

    1 comment
View more solutions

Latest comments

  • Pedro Braga•80
    @Dev-PedroB
    Submitted 23 days ago

    Product Preview using HTML and CSS

    1
    P
    Akshata•210
    @Akshatasarawgi
    Posted 23 days ago

    Hi,

    The html and css both look very structured and clean. Well done.

  • Viktor Rumenov•60
    @TamarawGuy
    Submitted 26 days ago

    Recipe Page with HTML & CSS

    1
    P
    Akshata•210
    @Akshatasarawgi
    Posted 26 days ago

    Hi, The design looks good. I suggest you can use <b></b> in place of <span> to make the words bold. <span>Total: </span> <b> Total: </b> I liked how you used : td:nth-child(odd) { color: hsl(30, 10%, 34%); padding-left: 20px; } Additionally, you can use vw(view width) and vh(view height) instead of fixed size(px) to make the container flexible to adjust its size in different devices. Well done on writing a clean code!

  • Tereza-Seno•60
    @Tereza-Seno
    Submitted about 1 month ago

    Social links profile

    1
    P
    Akshata•210
    @Akshatasarawgi
    Posted 27 days ago

    Hi, The HTML and Css are well structured. I suggest you to use the sizing unit % for margin and padding ,as it lets the elements adjust to the size of the outer container when the page is opened on different device size. Use em or rem to size the text or height of the buttons. Apart from this , the design looks clean. Great work!

    Marked as helpful
  • Abbas1426•50
    @Abbas1426
    Submitted 2 months ago

    blog-preview-card-main

    1
    P
    Akshata•210
    @Akshatasarawgi
    Posted 28 days ago

    Hi,

    I can see that you have written a well structured HTML code. A couple of things you may have missed -

    1. Border-radius for card-img.
    2. Padding could be reduced to 0.7 ~ 0.8rem for the card-content. Everything else looks good. Well done!
  • P
    BlonoBuccellati•270
    @BlonoBuccellati
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    初めて自分でUIを作成できた。模写も今までうまくいかなかったため、うまくできてよかった。 課題は多く残っているが、しばらくはUIの模写をして慣れることを目標とする。

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

    paddingやmarginなどが適切に位置を変更できなかった。どのようにっていうと具体的には難しいが、CSS Box Modelを意識していたらできるようになった。

    using tailwind, using next.js, using flexbox

    #react#tailwind-css#next
    1
    P
    Akshata•210
    @Akshatasarawgi
    Posted 3 months ago

    Solutions included semantic HTML. Well accessible. Responsive.

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