Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
17
Comments
14
Alfian
@AlphaFian

All comments

  • P
    CoderAlchemy24•360
    @CoderAlchemy24
    Submitted about 2 months ago

    Responsive form validate with JS

    1
    Alfian•180
    @AlphaFian
    Posted about 2 months ago

    good,

  • P
    Natnael•160
    @natnaelmemory7
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I have applied vanilla js and sass tool.

    Contact form using sass and vanilla JS

    1
    Alfian•180
    @AlphaFian
    Posted about 2 months ago

    the content should be placed in the center

  • muditjain1411•120
    @muditjain1411
    Submitted about 2 months ago

    article preview card

    1
    Alfian•180
    @AlphaFian
    Posted about 2 months ago

    need some fix for the text

  • Seun Oshitade•10
    @s-oshitade
    Submitted over 2 years ago

    Semantic HTML, CSS Variables, Media Queries, Open Graph Protocol

    1
    Alfian•180
    @AlphaFian
    Posted 2 months ago

    good

  • bigboyemma20•100
    @bigboyemma20
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm particularly proud of the responsive grid layout.

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

    The layout in the desktop version. Did a lot of try-and-error.

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

    I was not able to make the "bg-pattern-quotation.svg" on the purple card responsive enough. I would appreciate any help to fix that.

    Testimonial Grid Section with CSS Grid

    1
    Alfian•180
    @AlphaFian
    Posted 2 months ago

    good

  • Hiren Tumbadiya•110
    @HirenTumbadiya
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I have done a great work on setting grid and merge with different index. Created dynamic constant array mapping.

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

    Mapped with JavaScript and added CSS

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

    Will Created Normal Game with websocket

    Position Card with CSS Grid

    1
    Alfian•180
    @AlphaFian
    Posted 2 months ago

    good

  • P
    Natnael•160
    @natnaelmemory7
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I have used modular SASS, the BEM methodology, and the Gulp tool

    Testimonials grid section using grid ,sass, BEM and gulp tool

    1
    Alfian•180
    @AlphaFian
    Posted 2 months ago

    good job

  • Gildman Laécio•270
    @gillaercio
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    The fact that I managed to improve a little more with Grid CSS.

    It's always good to realize that practice really helps us improve.

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

    Place the top bars on each card.

    To solve this, I used the video lessons provided by Wez Bos, who taught me how to do it.

    Section responsive with four cards

    1
    Alfian•180
    @AlphaFian
    Posted 6 months ago

    good design brother!

  • Matthew Sheldon•320
    @MatthewNgabirano
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Usually, they say that never give up even if it is hard. I was able to complete this challenge after failing more times. I am continuing to do more projects to improve myself.

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

    The challenge I encountered was to work on the breakdown of the desktop image which I was able to do after carrying out enough research.

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

    More in-page layouts when dealing with containers and articles.

    HTML AND CSS

    1
    Alfian•180
    @AlphaFian
    Posted 6 months ago

    nice work brother. and my opinion you need to fix the picture size. happy coding!

  • Alessiosan•110
    @Alessiosan
    Submitted 6 months ago

    Social Links Profile

    1
    Alfian•180
    @AlphaFian
    Posted 6 months ago

    nice work!!

  • Williams Akanni•350
    @shadowbanks
    Submitted 6 months ago
    What challenges did you encounter, and how did you overcome them?

    I encountered a challenge while styling `` elements, as I couldn't get the spacing and bullet points to look the way it was in the design, I did a bit of searching and then found out I had to create custom bullet points using ::before pseudo-element, which gave me full control to position the bullet point exactly where I wanted it. Here's a snippet of what I did to achieve my desired result.

    ul,
    ol {
      list-style-position: inside;
    }
    
    ul {
      margin-right: 2rem;
      list-style: none;
    }
    
    ul li {
      position: relative;
      margin-top: 0.5rem;
      padding-left: 2rem;
    }
    
    ul li::before {
      content: "•";
      font-size: 1.3rem;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
    
    What specific areas of your project would you like help with?

    I'm open to feedback on any aspect :))

    Thank you for your time :)

    Responsive Recipe page

    1
    Alfian•180
    @AlphaFian
    Posted 6 months ago

    for the solution you can check my code in the ul element.

  • amir mirzakhani•170
    @amir-mirzakhani
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    it wasnt very different for me but i like the part that i customise it.

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

    no challenging me at all.

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

    i dont know its perfect.

    flex-box

    1
    Alfian•180
    @AlphaFian
    Posted 7 months ago

    nice work!!

  • vinayvaranasi17•10
    @vinayvaranasi17
    Submitted 7 months ago

    Blog Preview Card

    1
    Alfian•180
    @AlphaFian
    Posted 7 months ago

    nice work

  • CT Gibbs•90
    @byGibbsct
    Submitted 7 months ago

    QR Code component with HTML/CSS

    1
    Alfian•180
    @AlphaFian
    Posted 7 months ago

    99% similar to the design. but there's no box shadow

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

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