Skip to content
OverviewSolutions
5
Comments
5
P
Mustapha
@Mustapha909

All comments

  • Ugo Francis•130
    @Vanfrankie7Submitted 10 days ago
    What are you most proud of, and what would you do differently next time?

    I am proud that i have attempted my first challenge in this section, and i did considerably well. it only gets better.

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

    When i changed the grid columns to 2 when building the media query for screens more than 768px, i noticed that the image didn't fit its grid cell, and setting height of 100% on the image made it stretch and not look all that good, what i did was to increase the containers max-width in the query of 768px>, and that solved the issue.

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

    Keep learning better ways and best practices to buid things

    Responsive HTML and CSS techniques

    1
    Mustapha•50
    @Mustapha909Posted 10 days ago

    All looks nice

    1
  • Nard42•40
    @Nard42Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of myself for trying to do this challenge. and for the next time i would like to be more knowledgable about the task i am going to do.

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

    I struggled to get the image size right, so I searched online for solutions and successfully adjusted it.

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

    I could use some help with CSS styling, as I've been having some trouble setting the styles for the images and text.

    i used html structure,css styling and tables to complete the challenge

    1
    Mustapha•50
    @Mustapha909Posted 13 days ago

    I noticed that you gave the image 60vh for height, and that's too much of a size. The vh in CSS means viewport height, which means you will take 60% of the screen. I would recommend using something like em, rem, or px in a situation like this. also, make sure to add the right source to the image element.

    0
  • Mustapha•50
    @Mustapha909Posted 15 days ago

    First note I would say is that this project is a social-link project, so it will be better if I the card scaled smaller so everyone can see the links without scrolling. Second you need to use the hover Pseudo-class to give the hovering effects to the social links. lastly not very important note is to use semantic HTML

    0
  • gabriel.•40
    @gabrielndibeSubmitted 16 days ago
    What are you most proud of, and what would you do differently next time?

    Hi guys please i'm trying to make the desktop and mobile look the same i have tried using media queries but it isn't working

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

    Css

    Blog Preview Card using Html and Css

    1
    Mustapha•50
    @Mustapha909Posted 16 days ago

    If I can give some points from my perspective, the learning <p> can have some padding to make it look better, I think it will be better if you center the details <p>, last thing is not that important maybe but I think using HTML semantic like section and main can make the website accessibility better.

    0
  • Mustapha•50
    @Mustapha909Posted about 2 months ago

    If I can give two pieces of feedback regarding this project it will be that the first is sometimes adding many divs can be unnecessary and will make the code more complicated like the dive that surrounded the img tag, second will be to create a separate CSS file to make the code more readable when you use HTML and CSS to create a website.

    0