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

salilphadnis

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

  • Responsive page using grids


    salilphadnis•200
    Submitted 7 months ago

    0 comments
  • Responsive page using CSS grid


    salilphadnis•200
    Submitted 7 months ago

    1 comment
  • Responsive design using CSS and HTML


    salilphadnis•200
    Submitted 7 months ago

    2 comments
  • Responsive design using CSS


    salilphadnis•200
    Submitted 7 months ago

    0 comments
  • CSS flexboxes


    salilphadnis•200
    Submitted 7 months ago

    0 comments
  • Simple CSS


    salilphadnis•200
    Submitted 7 months ago

    I used flexbox for every container to align items. Don't know if there is a better way of doing this. Also, I haven't figured out how to make the fonts smaller for mobile design.


    1 comment
View more solutions

Latest comments

  • Victor Barrio•330
    @Victor-Barrio
    Submitted 7 months ago

    Testimonials Grid Challenge

    1
    salilphadnis•200
    @salilphadnis
    Posted 7 months ago

    Well done. I looked at your design and your code and I can't really see anything I would improve on. Your HTML and CSS are readable and well structured and your CSS is especially well written and minimal. You have made good use of variables to improve the readability and set default values and then overridden them. Keep it up.

    Marked as helpful
  • P
    Piotr Kosmowski•220
    @PKosmowski
    Submitted 7 months ago
    What challenges did you encounter, and how did you overcome them?

    choosing between grid and flex

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

    i was wondering how to make this four card display using grid only

    Four Card Feature Section with Basic HTML and CSS

    1
    salilphadnis•200
    @salilphadnis
    Posted 7 months ago

    You may want to fix the link to your code as it says page not found. However, I was able to go up one level and back into the repository.

    Your desktop design looks very good. However, I see that you don't have the mobile design. For this design, I found it easier to go with grid rather than flex. I first did the mobile design using 1 column grid for the cards. Then for the desktop design, using the media query @media (min-width: 768px), I changed the grid structure in to 3 columns and 4 rows and spread the cards as shown in the desktop design.

    Here is my CSS for reference: https://github.com/salilphadnis/four-card-feature-section/blob/main/style.css

    Marked as helpful
  • Thalesmar•80
    @Thalesmar
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    This is my final frontend challenge, and I couldn’t be prouder of what I’ve accomplished. It’s been a rewarding journey, and this milestone feels like a true testament to my growth and dedication.

    product-preview-card-component-main

    1
    salilphadnis•200
    @salilphadnis
    Posted 7 months ago

    Your solution looks good, and your CSS and HTML is well written and readable. Perhaps the only feedback I would like to give is to use more default attributes in the body element of the CSS instead of repeating it in the element, such as font-family, etc.

    Marked as helpful
  • fjorik•10
    @fjorik
    Submitted 8 months ago

    Responsive Recipe Page - Inline HTML and CSS

    1
    salilphadnis•200
    @salilphadnis
    Posted 7 months ago

    Your design looks very good, both on desktop and on mobile. You have made good use of the <section> semantic. I would like to offer one minor feeback, and that is to move the style section to it's own css file in order to separate the design from the html.

  • Ahmad•100
    @1ah90
    Submitted 7 months ago

    social media card for myself

    2
    salilphadnis•200
    @salilphadnis
    Posted 7 months ago

    Design looks good and your code is very well structured and easy to understand. If I do need to give some feedback, it would scale back on the hover effect on the button that makes it the design feel a little jumpy. But I assume you added that for learning. So, its all good.

    Marked as helpful
  • P
    Fernando Arriaga•40
    @FernandoArriaga87
    Submitted 7 months ago

    HTML CSS

    1
    salilphadnis•200
    @salilphadnis
    Posted 7 months ago

    Your design is well structured and html easy to read. As a newbie, I learnt some new things by looking at your code.

    Marked as helpful
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