Skip to content
OverviewSolutions
11
Comments
14
P
nekefer
@nekefer

All comments

  • nekefer•200
    @nekeferPosted 2 months ago

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

    Marked as helpful
    0
  • Hamza Kharal•50
    @kharalhamza98Submitted 5 months ago
    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
    nekefer•200
    @nekeferPosted 3 months ago

    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

    0
  • nekefer•200
    @nekeferPosted 3 months ago

    good job

    0
  • nekefer•200
    @nekeferSubmitted 4 months ago
    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
    nekefer•200
    @nekeferPosted 4 months ago

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

    0
  • Stephen Ostler•210
    @steveostlerSubmitted 4 months ago
    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
    nekefer•200
    @nekeferPosted 4 months ago

    good job

    0
  • Maan Al-Hababi•190
    @MaanAlHababiSubmitted 6 months ago
    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
    nekefer•200
    @nekeferPosted 5 months ago

    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;
    0
  • Maan Al-Hababi•190
    @MaanAlHababiSubmitted 6 months ago
    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
    nekefer•200
    @nekeferPosted 5 months ago

    you need to center your grid content, for that just use the following style on the body :

    display: flex;
justify-content: center;
align-items: center;
    Marked as helpful
    1
  • nekefer•200
    @nekeferPosted 5 months ago

    do you need some help? your solution doesn't work at all.

    0
  • ProphesierC•200
    @prophesiercSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of having a comfort in using FlexBox to easily create a responsive layout.

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

    I had some very minor challenges trying to get my cover image perfect in both the mobile and desktop display

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

    Some areas I would love help in is better usage of FlexBox and what containers to apply it to, and prettier image placements

    ProphesierC - product-preview-card-component-main

    1
    nekefer•200
    @nekeferPosted 5 months ago

    nice work

    0
  • Rubens Gabriel•100
    @rubensgabrielSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    What I'm most proud of is having understood exactly how to organize all the content as soon as I started the project, and I believe I wouldn't do anything different from what I did, except perhaps using other tools to explore more possibilities

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

    I had some doubts when editing some elements in CSS, but it was just a matter of researching a little and finding solutions.

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

    So far, I have a good understanding of the elements I have used so far.

    Responsive landing page using HTML e CSS

    1
    nekefer•200
    @nekeferPosted 5 months ago

    The last row of the table does not have a border in the design.

    0
  • Dimitri Mabom•50
    @dimitrimabomSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    What I'm most proud of is my code and the fact that this project only took me an hour.

    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

    social-links-profile

    1
    nekefer•200
    @nekeferPosted 5 months ago

    I like your custom

    0
  • AB•60
    @rvupmo33Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I was most proud of being able to center the card in the middle of the page. Next time I would take some time to figure out sizing and related matters.

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

    I had some challenges centring the card. To solve this issue I googled the problem and read several blogs that explained how to overcome the issue.

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

    If there is anything wrong (apart from the size 😭) just let me know!

    QR-code-component

    2
    nekefer•200
    @nekeferPosted 6 months ago

    You're welcome. Good job. The text spacing is not so important.

    0