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

Siyad

@siyad01India50 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 Product Preview Component Using CSS


    Siyad•50
    Submitted about 1 year ago

    layout method


    1 comment
  • Responsive Recipe Page Using HTML and CSS

    #tailwind-css

    Siyad•50
    Submitted about 1 year ago

    styling list


    1 comment
  • Responsive Social links Component Using HTML and CSS


    Siyad•50
    Submitted about 1 year ago

    layout


    1 comment
  • Mobile First Responsive Blog Component Using HTML and CSS


    Siyad•50
    Submitted about 1 year ago

    designing, playing with CSS


    1 comment
  • Responsive QR Code Component Using HTML and CSS


    Siyad•50
    Submitted about 1 year ago

    layout


    1 comment

Latest comments

  • Mugiwara•270
    @mmovie416
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?
    What challenges did you encounter, and how did you overcome them?
    What specific areas of your project would you like help with?

    Product preview card only with html and css

    1
    Siyad•50
    @siyad01
    Posted about 1 year ago

    i need help

  • AnnikDev•180
    @AnnikDev
    Submitted about 1 year ago

    Responsive Notifications Page Using Flexbox

    #vite#preact
    1
    Siyad•50
    @siyad01
    Posted about 1 year ago

    @AnnikDev your design are exact same they are awesome

  • Emmanuel Quarshie Agblego•40
    @Emmanuel-Q
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am proud to be able to complete the solution without the design files.

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

    I encountered challenges with getting the mobile view smooth. The media query was not responding on the image.

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

    I will need help with the mobile view

    Responsive recipe page using HTML CSS

    1
    Siyad•50
    @siyad01
    Posted about 1 year ago

    its really great

  • P
    Anthony Chaiditya•70
    @AnthonyChaiditya
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I think I am most proud of the speed with which I was able to do this - however, I would have liked to make the code responsive, and I feel like I am still not optimizing the way I structure my html and css, so if I were to go back, I would actually approach the challenge more slowly to optimize for cleaner code.

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

    I had issues with selecting and sizing - and I feel like it has to do with how I am structuring my html and connecting it with my css. There were times where I would want to adjust the styling of the avatar and name but when I would add styling, the size of the picture would change and I am not sure why. In addition, the pictures are not loading on the live site.

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

    I would like help with understanding the best way to structure HTML in the project, and the approach to styling with css.

    Blog preview card

    3
    Siyad•50
    @siyad01
    Posted about 1 year ago

    hello here, your images are not commited in github repo you can center the component by: display:flex; justify-content:center; height:100vh; text-align:center; on class container. feel free to txt in case of any queries Happy coding

  • Stefan Bojkovski•720
    @xStephx
    Submitted about 1 year ago

    Solution Huddle landing page with curved sections

    #tailwind-css
    6
    Siyad•50
    @siyad01
    Posted about 1 year ago

    your design skills are really great. looking forward to learn from you

  • zlatan-cic•90
    @zlatan-cic
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of successfully implementing responsive design features, and next time, I would plan my CSS architecture better to streamline styling and debugging.

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

    I faced challenges with CSS specificity when styling li and a elements for hover effects, which I overcame by adjusting my selectors to target nested links more precisely.

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

    I would appreciate guidance on optimizing the CSS for better performance and maintainability, specifically how to manage CSS specificity and inheritance more effectively, especially for nested elements like li and a in my navigation bar to improve hover interactions.

    HTML and CSS

    1
    Siyad•50
    @siyad01
    Posted about 1 year ago

    nothing

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