Skip to content
OverviewSolutions
6
Comments
6
James
@fivetailsdevelopment

All comments

  • James•120
    @fivetailsdevelopmentPosted 3 months ago

    Well done. Good semantic HTML and clean, organised CSS. It was very easy to follow. Good job!

    0
  • Veena K Venugopal•90
    @Veena-K-VenugopalSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud to have successfully finished another project and to have gained more practice in responsive webflow.

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

    I had issues with correctly setting the alignment of images. However, I used multiple resources to gain further understanding.

    Responsive mobile-first design

    1
    James•120
    @fivetailsdevelopmentPosted 3 months ago

    The desktop version is pretty close! Well done!

    For mobile displays perhaps consider using max-inline-size (or max-width) to prevent the card from expanding too wide when it first transitions to a narrower display. The layout becomes a little uncontrolled once it dropped below 770px.

    Marked as helpful
    1
  • James•120
    @fivetailsdevelopmentPosted 3 months ago

    Nice work.

    As a challenge for next time, perhaps see how much you can do without using media queries. Everyone has their own approach, but I recently switched to building mobile first, and found it became much easier to control the layout (and add complexity) as the screen gets bigger rather than removing complexity as it shrinks.

    0
  • James•120
    @fivetailsdevelopmentPosted 3 months ago

    I noticed you disabled flex in your code, which has caused it to shift to the top of the screen. If you switch it back on you'll be able to position the card in the center of the display.

    Also when using a non-native font, make sure you import it into the HTML or CSS so that it works on other screens.

    Marked as helpful
    1
  • James•120
    @fivetailsdevelopmentPosted 3 months ago

    Nice job!

    One of things I've noticed is that adding a border between two light colours (such as the card and the background) can really help distinguish the two items - especially when I'm getting tired and my eye-sight is starting to get a bit blurry.

    Also perhaps consider what feedback you want the interface to give the user so they know what's a link, etc (such as a cursor change or hover effect).

    Marked as helpful
    0
  • Valeria•30
    @ValleryiklSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I haven't coded in a long time, and I'm glad I was able to remember a little (° * °)

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

    It was difficult to remember everything

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

    No, just appreciate

    CSS FlexBox

    2
    James•120
    @fivetailsdevelopmentPosted 3 months ago

    Nice job! It was a very accurate representation. Well done remembering everything! 🌟

    1