Skip to content
OverviewSolutions
5
Comments
4
André Diogo
@KingAndre13

All comments

  • Fareed•100
    @hsfaridSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I am making a progress in my learning journey by solving these realistic coding challenges.

    Recipe Page using HTML and CSS

    1
    André Diogo•100
    @KingAndre13Posted 4 months ago

    Hello There, Well your code has positive points such as the names you give to the classes that are well named, the positioning of elements in CSS, (it was better than mine) the organization of colors and fonts with :root but your code also has some points that can be improved, the first point is responsiveness, which was requested in addition to the mobile version and also a desktop version. Second point is that the section "section instructions" should have a <ol> instead of a <ul>. Third and final point is that there are some texts with different colors than the original design. but it's ok you are on the right path in your journey. keep learning and never give up.

    0
  • André Diogo•100
    @KingAndre13Posted 4 months ago

    Hello There, well, your code is very well structured, but there are some points to consider, the first point is your section isn't ideal size, it is small compared to the original design. Well, that's all I have to say, keep learning and never give up.

    Marked as helpful
    0
  • Luís Gustavo Gorniak•160
    @luisgustavogorniakSubmitted 4 months ago
    What challenges did you encounter, and how did you overcome them?

    I'm having trouble adjusting the font and creating media query for mobile view

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

    adjusting the font and creating media query for mobile view

    Blog Preview card component

    1
    André Diogo•100
    @KingAndre13Posted 4 months ago

    Hello there! Well your solution has positive points such as the positioning of the card in relation to the original design, the right size of the fonts, the use of the :root pseudo-class to organize the colors and the use of flexbox( which i am still learning about) but, there are some points that can be improved. You said that you had difficulty adapting the size to mobile devices using media-queries, well this can be improved with a technique that I used in my project, it is called mobile-first, in short it is a technique that consists of starting with the mobile version and then moving on to more other versions (research about it). Another point complements the other, your card was a little bigger than the proposed design. Third point, you forgot to put :hover on the h1 so that when the mouse passes over the title it changes color and changes the cursor to pointer and the last point and the original design had a 1px border around the card. but it's ok, you showed me with your code that you can use flexbox to align the elements within the card, that's really cool. well that's it, keep learning and never give up.

    Marked as helpful
    0
  • Peter Godspower•640
    @TheBeyonder616Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    using semantic html5

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

    I was unable to use the figma file

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

    help using the figma file

    Responsive landing page created using flexbox,

    2
    André Diogo•100
    @KingAndre13Posted 4 months ago

    Hello, your project is very well positioned, but the borders were too short and you don't used the project's font (Outfit). To solve the short borders you could use a padding. I hope i helpded you and never give up.

    Marked as helpful
    0