Skip to content
OverviewSolutions
8
Comments
8
Carlos Oceguera
@chefoce

All comments

  • chukwu obed•160
    @obed-smartSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Am proud that finally i have understood a bit how basic layout work and i will try to make it more responsive next time

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

    i encounter problem with grid areas but am happy that i finally solve it but learning more out it

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

    for now i don't think i have any area that i don't understood well in my project

    Responsive testimonial section using Css grid

    1
    Carlos Oceguera•160
    @chefocePosted 5 months ago

    Good work you can improve your design adjusting the height of the testimonials boxes

    Marked as helpful
    0
  • Uche Ofatu•260
    @Macnelson9Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of myself for being able to complete this challenge. I am most proud of being able to implement the flexbox to conquer this challenge.

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

    First challenge I encountered was deciding between the which technique to use between the flexbox or grid. Second challenge, I tried flexbox first, didn't get it working because I couldn't get the left and right cards to come down into the middle of the page. lol I then decided to use grid and it was even worse lol. Well, as you can see from my solution, I made it work with flexbox.

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

    I think I'm good for now. Thank you to AlexArcher for your help these past few weeks. Thank you to others who made one input or the other, you make me better.

    Responsive Four Feature Card Landing Page

    2
    Carlos Oceguera•160
    @chefocePosted 5 months ago

    With css grid, i was so confused, but the exercise help me to really undersant css grid, the next exercise i will try with flexbox, because i read your code and it looks easier and cleaner.

    0
  • Uche Ofatu•260
    @Macnelson9Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of myself for being able to complete this challenge. I am most proud of being able to implement the flexbox to conquer this challenge.

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

    First challenge I encountered was deciding between the which technique to use between the flexbox or grid. Second challenge, I tried flexbox first, didn't get it working because I couldn't get the left and right cards to come down into the middle of the page. lol I then decided to use grid and it was even worse lol. Well, as you can see from my solution, I made it work with flexbox.

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

    I think I'm good for now. Thank you to AlexArcher for your help these past few weeks. Thank you to others who made one input or the other, you make me better.

    Responsive Four Feature Card Landing Page

    2
    Carlos Oceguera•160
    @chefocePosted 5 months ago

    Good work i couldn't do it with flexbox

    0
  • Nur Farah Omar•120
    @NF0marSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I am doing more challenges day by day to master frontend, and I am going to do challenges daily after this.

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

    The challenges I have encountered were, there were two picture which I was supposed to use one for Desktop devices and one for Mobile devices, but I figured out it was not that difficult, i just set the display of the image that i didn't needed to none.

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

    I think my responsive is not the way it should be, and also I am confused when to use rem or px. So if you read this and you think your idea is better than mine, don't hesitate to share please.

    Product Preview Card

    2
    Carlos Oceguera•160
    @chefocePosted 5 months ago

    You forgot to put the word perfume un capital letters, also you need to remove some styles in the mobile view, you can try to use percentages in the width of the components, nice work

    Marked as helpful
    0
  • Justin•100
    @aduatgitSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I figured out the layout quite fast and completed the project in a relatively short amount of time. This time I styled a lot of base elements instead of using classes, I didn't really like doing that and will for sure use classes again next time.

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

    Styling the lists and tables was pretty annoying, especially with the spacing. I figured out some stuff as well, like using li::marker to only style the list markers. For the table I had to use all kinds of shenanigans like using text-indent and randomly changing padding, didn't feel very elegant. I also encountered some issues with the element in regards to changing its color, I overcame that problem by styling the border-color of it and only enabling the top border (so that the line is only 1px instead of 2px).

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

    I used a utility class for my flex layout, I think it worked really well but I'd like to know if stuff can be improved. For example I put the image and the first heading + paragraph into 1 div called hero, not sure if that is optimal. Because of this I also had some issues with the mobile page, where I had to change the margins of the first heading and paragraph manually instead of just changing the image.

    recipe page

    1
    Carlos Oceguera•160
    @chefocePosted 5 months ago

    Exactly the same congratulations

    0
  • Kate•60
    @devknightingaleSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Most proud of:

    I feel like I am getting better at imitating designs I see after fooling around a lot with different things on my own, such as grid and flexbox.

    What I would do differently next time:

    I want to learn more about accessibility, so that I can properly structure the HTML to meet accessibility guidelines. I am aware of things like alt text, but I don't know much about how screenreaders work and how to serve sites to them properly.

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

    Challenges I encountered:

    Not sure I would call it a challenge, but I had trouble centering the profile picture image before I remembered to place it inside a div element. There are still certain things I don't do instinctively, but it usually doesn't take me long now to fix those issues.

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

    What I'd like help with:

    I guess more of a question than a request for help, but I used the developer console in Chrome to view my design at different screen sizes. I wondered, if your design is already responsive at different screen sizes, is there still a need to include media queries in your CSS?

    Social Links

    1
    Carlos Oceguera•160
    @chefocePosted 5 months ago

    You have to add margin between the photo and the text

    0
  • Carlos Oceguera•160
    @chefocePosted 5 months ago

    i think need a little bit more margin between the category and the date, also the date i think its bolder or a bigger font size

    0
  • Tristan•20
    @TaannnSubmitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I was able center it both directions, and what I would like to do differently next time is to adjust the size since I ended up making it a little bit bigger on the layout.

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

    I was really struggling centering layouts and finally, I found out that you need to put a height first before you can center with flex, just a personal experience though and I'm sure there's lots of better way to do this.

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

    I think it would be screen dimensions, wanting to know more about the best practices for it on all screen sizes, and advanced techniques for centering like other methods and RWD tips.

    Qr Code using css variables

    1
    Carlos Oceguera•160
    @chefocePosted 5 months ago

    Everything looks good, only the text of the title i think is bigger than the example because you have three lines and in the example are two.

    Marked as helpful
    0