Skip to content
OverviewSolutions
12
Comments
5
Gobinath
@gopinath-97

All comments

  • Gobinath•140
    @gopinath-97Posted about 1 month ago

    Hi nice project, but it seems the code was no center aligned. Have you tried using flex or grid on the main component to achieve the result?

    0
  • wecax•140
    @wecaxSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I'm sure I could've done a better job when it comes to code structure but satisfied with the result nevertheless. I would like to build the page again after learning Tailwind

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

    Other than taking a significantly longer time to finish the exercise, I don't think I have encountered much challenges

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

    Code structure

    Responsive Recipe page using Flexbox

    1
    Gobinath•140
    @gopinath-97Posted about 1 month ago

    This came out as exact to the image given. I'm also learning from your codes and thanks on that.

    0
  • chilldeleuze•80
    @chilldeleuzeSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I experimented with a few css features I haven't used before, like variables, which was fun and made the css much more understandable.

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

    I had some issues with flexbox, like making sure the elements in the top of the card (picture, title, ...) centered while the links at the bottom half had to be stretched. I first wanted to solve this by wrapping everything in the top half in another div, but then I resorted to using align-self: center. I don't know which one would be better practice.

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

    I can't really say why, but using align-self: center felt like a hack in this use case and I wonder if there was a more elegant solution.

    Social Links Profile

    2
    Gobinath•140
    @gopinath-97Posted about 1 month ago

    Hi coder, you can try with grid to center the items on whole as well as inside, it's super easy than flex and I'm using that more now for projects like this, hope this willl be helpful on your upcoming codes.😊

    0
  • Ruben•40
    @RuxCastilloSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I used new knowledge I learned yesterday to make this letter, I tried to get as close to the bem method as I could, as well as improve the reset at the beginning of my file

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

    I didn't know how to use @font-face, I had to look in the documentation but in the end the font turned out fine

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

    I would like to know how I did in applying the BEM method correctly.

    Blog preview card

    1
    Gobinath•140
    @gopinath-97Posted about 1 month ago

    Hi, your code is great and almost identical to the task given and used the sematics well.

    0
  • Gobinath•140
    @gopinath-97Posted about 1 month ago

    You have made this great and just a slight recommedation, you can use grid or flex to center the items and this would reduce the code instead of using the positioning. Great work and keep on learning.😊🙌

    Marked as helpful
    1