Skip to content
OverviewSolutions
1
Comments
6
P
Bananas
@johntmeacham

All comments

  • jaiden-lee•90
    @jaiden-leeSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of actually getting the four card system to work properly. This was the first time that I had used CSS grid successfully.

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

    I struggled with the position of the image. I struggled with getting the image to align with the bottom. Normally, in the mobile layout, since it was vertical, the height was determined completely by the content/where the image was, so the image was at the bottom. However, when I used a media query and changed the grid layout, the heights of all the cards were equal, rather than auto. So, to make everything at the bottom, I used margin-top: auto.

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

    There isn't anything I would like help in.

    Four Card Feature Section Layout

    2
    Bananas•80
    @johntmeachamPosted 6 months ago

    I like the way you used grid, I used flexbox but knew grid would be better but I'm not good with grid yet. Nice job. Sorry not much constructive criticism as I am new to css.

    0
  • HazelChamboko•40
    @HazelChambokoSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I am still working on dropping a lot of margins on my styling part and i am proud of this project as itis my second one. With this pace i believe i will be able to work on react sooner.

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

    I didnt really face any challenges on this one, although i still want to leanr more about positions.

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

    Positions in css

    Product Review Card using HTML and CSS

    1
    Bananas•80
    @johntmeachamPosted 6 months ago

    That is very nice for a second project. I too am new so it's hard to offer much advice. I looked at the code and you used some thing I did not know about (dvw for one).

    0
  • Semih Mert•70
    @semihmertdevSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Using flexbox instead of a grid.

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

    table design.

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

    Table design.

    Recipe page

    1
    Bananas•80
    @johntmeachamPosted 7 months ago

    I am new so it's hard for me to say, but I like what you did. The fonts may be off but the style seems right. Perhaps you did not want to spend time on the fonts.

    0
  • Alexandru736•210
    @Alexandru736Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Being able to understand how Flexbox works and understand how to group and organize elements in a container. I was also able to use media-queries better this time(I'm a newbie to html and css).

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

    Not being able to place the container in the middle of the page with place-content: center together with flex. I understood I have to set the flex-wrap: wrap. For some reason, when you want to align the content in the middle using align-content property, you also have to set the flex-wrap. I saw that you could avoid this using align-items: center

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

    How do I set the most appropriate distances between elements? Are there any useful free tools for that?

    Social Links Profile using CSS Flexbox

    1
    Bananas•80
    @johntmeachamPosted 7 months ago

    I am new so it's hard to offer much advice. The implementation looks good, the button fonts are a different size but I suspect you know that and were focusing your time on other things. All in all, great.

    Marked as helpful
    0
  • AravindhRamanathan•20
    @AravindhRamanathanSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Found an easy way to fetch font size from figma

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

    Didn't know how to avoid extra spacing in lines, internet helped me :)

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

    Detailing to the design gives adrenaline rush to develop exact copy of design

    Blog-card using HTML and CSS

    1
    Bananas•80
    @johntmeachamPosted 7 months ago

    Your html and css came out to be about 1/2 the lines mine are, but I am very new. I may not have constructive criticism since I am so new. The only thing I noticed is some of the sizing was different than the original, but so was mine.

    0
  • Alexander Pavlovic•80
    @Pavlovic2001Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Would try to do it in React next time

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

    No challenges so far

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

    Nothing so far

    Html, CSS

    1
    Bananas•80
    @johntmeachamPosted 7 months ago

    You did better than me. I use React as well, but finding it impossible to do anything useful without CSS so I am learning it.

    0