Skip to content
OverviewSolutions
11
Comments
14
P

nekefer

@nekeferMinneapolis, Minnesota200 points

web developer

I’m currently learning...

html css javascript react webgl

Latest solutions

View more solutions

Latest comments

  • P
    nekefer•200
    @nekefer

    good job, you use flex on your body, use flex-direction: column to flix the problem with your main and footer

    Marked as helpful
  • P
    Hamza Kharal•50
    @kharalhamza98
    What are you most proud of, and what would you do differently next time?

    Through this project, I learned about positioning and transforming when trying to place the checkmarks as bullet points. it took a long time but I finally honed it in and got it to work as indented.

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

    My two biggest challenges were the checkmarks and the main image in the mobile view. I have not been able to solve the main image problem but have solved the checkmark problem. Any advice for the main picture on the mobile view would be greatly appreciated.

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

    In the mobile view, the main image at the top is not showing the way the figma files have intended. I have asked in the discord and used GPT to help but have not been able to come up with a solution.

    Newsletter Sign Up Form (HTML, CSS, JS)

    1
    P
    nekefer•200
    @nekefer

    for the image on mobile you can use picture to solve the problem easly. That will help you to change your image depending on the size of you viewport.

    you can check this video to see how to do it : https://www.youtube.com/watch?v=Rik3gHT24AM

  • P
    nekefer•200
    @nekefer

    good job

  • P
    nekefer•200
    @nekefer
    What are you most proud of, and what would you do differently next time?

    N/A

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

    N/A

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

    N/A

    Landing page

    2
    P
    nekefer•200
    @nekefer

    thanks, Yeah I know it's better to use em and rem than px, I'm working on it.

  • P
    Stephen Ostler•210
    @steveostler
    What are you most proud of, and what would you do differently next time?

    Building mobile first and changing layout with media queries and css flexbox and grid. I should try and clean up my css

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

    Unsure how to add a background image with a color overlay

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

    How do I add the header images so they expand off the sides as the design file shows

    Meet landing page solution

    2
    P
    nekefer•200
    @nekefer

    good job

  • Maan Al-Hababi•190
    @MaanAlHababi
    What are you most proud of, and what would you do differently next time?

    I'm proud of knowing I had an idea of how I could reorder the grid's items i.e. positioning the 5th testimonial card to the far right and have it take up 2 rows. However, part of me feels like my method is very hard-coded. I would appreciate feedback on this point.

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

    The z-index of the quotation mark image doesn't work as I intended it to. No matter what I tried, the quotation image always seems to appear in front of the rest of the testimonial card's content.

    Testimonial Grid Pattern

    2
    P
    nekefer•200
    @nekefer

    For the quotation mark image the best thing to do is to use background image then you will not have z-index problem anymore: what I did is :

    background-image: url("./images/bg-pattern-quotation.svg");
background-repeat: no-repeat;
background-position: top right 50px;
View more comments