All comments

ljmanayon•90
@ljmanayonSubmitted 5 months ago
What are you most proud of, and what would you do differently next time?
I had a hard time making the desktop layout, and I have to read the flex box documentation several times to understand it.
What challenges did you encounter, and how did you overcome them?
When I initially started using flexbox, I encountered a few challenges. The most notable were understanding the difference between justify-content and align-items, and figuring out when to use flex-direction: column versus flex-direction: row.

I addressed these challenges by doing a lot of practice and experimentation. I also found it helpful to use online resources.

One trick I found particularly useful was to remember that justify-content affects the horizontal alignment and align-items affects the vertical alignment when flex-direction is row, but this gets reversed when flex-direction is column. Having this rule of thumb helped me a lot in understanding how to align items using flexbox.
What specific areas of your project would you like help with?
- I had to eyeball the position of the cards in desktop view. Maybe someone had a better solution?
```
  .team-builder {
    align-self: self-start;
    transform: translateX(52%);
    margin: 0 auto;
  }

  .karma {
    align-self: self-end;
    transform: translateX(-55%);
    margin: 0 auto;
  }
  .supervisor {
    align-self: center;
    transform: translateX(50%);
  }
  .calculator {
    align-self: center;
    transform: translateX(-50%);
  }
}
```
Four card feature section solution with Flexbox
1
ayesorobolu•140
@ayesoroboluPosted 5 months ago
Yes it includes semantic HTML. It is accessible, and i think there's no need for any improvements. It looks nice in all size ranges The code is well structured and i had no problem understanding it. They look basically the same thing as i could not tell the difference at all. I only noticed that we use different methods to do it, which is very great, because i did not know we could also do it this way.
1
Dom Leverment•120
@DomLevermentSubmitted 6 months ago
What are you most proud of, and what would you do differently next time?
Got into the detail and starting to feel comfortable breaking down designs into html and starter css
What challenges did you encounter, and how did you overcome them?
media queries and deciding whether to use flexbox or css grid
What specific areas of your project would you like help with?
media queries
Product card preview challenge
1
ayesorobolu•140
@ayesoroboluPosted 6 months ago
Yes it includes semantic HTML. It is accessible, and i think there's no need for any improvements. It looks nice in all size ranges The code is well structured and i had no problem understanding it. They look basically the same thing as i could not tell the difference at all. I only noticed that when you reduce the size it is not centralized
Marked as helpful
0
Nikola•220
@porumbachanovSubmitted 6 months ago
What are you most proud of, and what would you do differently next time?
Dunno, maybe try to make it without media queries, although it looks pretty good imo.
What challenges did you encounter, and how did you overcome them?
A couple of spacing challenges I guess, but nothing trivial.
What specific areas of your project would you like help with?
Feedback on semantics and css in general are very much welcome.
Recipe Page With Media Queries
1
ayesorobolu•140
@ayesoroboluPosted 6 months ago
Yes it includes semantic HTML. It is accessible, and i think there's no need for any improvements. It looks nice in all size ranges The code is weel structured and i had no problem understanding it. They look basically the same thing, as i could not tell the difference at all
Marked as helpful
1
Okonkwo Vivian Uchechi•140
@okonksSubmitted 7 months ago
What are you most proud of, and what would you do differently next time?
I'm particularly proud of two aspects in completing this task.

Firstly, I'm grateful for the speed with which I approached and completed the challenge. It's a testament to my dedication to improving my CSS skills and my ability to apply what I've learned efficiently.

Secondly, I'm thankful for the opportunity this task provided to deepen my understanding of CSS. It's a reminder of the importance of continuous learning in my journey as a front-end developer.

Moving forward, I aim to strike a balance between efficiency and thoroughness, ensuring that I deliver high-quality work in a timely manner. I'm also eager to explore more advanced CSS techniques to further enhance my skills.
What challenges did you encounter, and how did you overcome them?
During the challenge, one notable challenge I encountered was incorporating the :focus CSS pseudo-class into my solution. Initially, I believed it was crucial for the interactivity and accessibility of the project. However, upon further reflection and experimentation, I realized it wasn't essential for achieving the desired functionality.

Despite this setback, I didn't let it deter me. Instead, I proactively sought solutions by turning to resources like YouTube tutorials and online discussions. Through this process, I gained a better understanding of when and how to effectively utilize the :focus pseudo-class in future projects.

This experience reinforced the importance of adaptability and resourcefulness in problem-solving.
What specific areas of your project would you like help with?
As of now, nothing! However, if you notice any areas that need correction, I would appreciate your feedback
Social-profile
2
ayesorobolu•140
@ayesoroboluPosted 6 months ago
Yes it includes semantic HTML. It is accessible, and i think there's no need for any improvements. It looks nice in all size ranges The code is well structured and i had no problem understanding it. They look basically the same thing, only the profile picture and the addition of icons defer
0
Ahmed Mahmud•70
@dDevAhmedSubmitted 6 months ago
What are you most proud of, and what would you do differently next time?
I am most proud of improving my skills with Flexbox. It allowed me to create a flexible and responsive layout for the blog preview card. Next time, I would like to experiment with CSS Grid to see how it compares to Flexbox for this type of layout, as well as to expand my understanding of different CSS layout techniques.
What challenges did you encounter, and how did you overcome them?
There were no significant challenges in this project as I leveraged the experience gained from building the 'QR Code Component' project. This prior experience made it easier to handle the layout and styling aspects of the blog preview card.
What specific areas of your project would you like help with?
I would appreciate help with receiving constructive feedback on the overall design and code structure of my project. Specifically, I am looking for feedback on:
1. The effectiveness of my use of Flexbox for layout.
2. Suggestions for improving the responsiveness and accessibility of the component.
3. Any advanced CSS techniques that could enhance the visual appeal and performance of the component.
Being specific about these areas will help me get higher-quality input from others and continue improving my front-end development skills.
Responsive Blog Preview Card with Flexbox and Semantic HTML
1
ayesorobolu•140
@ayesoroboluPosted 6 months ago
Yes it includes semantic HTML. It is accessible, and i think there's no need for any improvements. It looks nice in all size ranges The code is weel structured and i had no problem understanding it. They look basically the same thing, as i could not tell the difference at all
Marked as helpful
1
Eirik Andresen•60
@ehandresenSubmitted 6 months ago
What are you most proud of, and what would you do differently next time?
I'm proud that i made the site identical to the assigment
What challenges did you encounter, and how did you overcome them?
Not too much trouble, everything went rather smoothly.
What specific areas of your project would you like help with?
Nothing.
Responsive website with HTML and CSS
1
ayesorobolu•140
@ayesoroboluPosted 6 months ago
Yes it includes semantic HTML It is easily accessible Yes, it looks good on other sizes It is very well structured No, it look pretty well similar to the design we were given
0

ayesorobolu

All comments

Four card feature section solution with Flexbox

Product card preview challenge

Recipe Page With Media Queries

Social-profile

Responsive Blog Preview Card with Flexbox and Semantic HTML

Responsive website with HTML and CSS