Skip to content
OverviewSolutions
11
Comments
3
Zain
@zainy2401

All comments

  • SITRAKA Tsimisaraka Joliot•70
    @Joliot-TSIMISARAKASubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud I've finished this very first project that presents a clearly visible shift in layout from mobile to desktop screen size

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

    When trying to swap images between the two screen sizes, I've been forced to dig a bit from the internet

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

    Always struggling with the right choice of value when setting a component's max-width

    Responsive Product preview card using Flexbox

    1
    Zain•150
    @zainy2401Posted about 2 months ago

    Hey, awesome solution! Someone recently told me about a much easier solution where you just put this line in your CSS: content: url('images/image-mobile-desktop.jpg'); in the image selector located inside the media query. It just reduces the amount of code you have to write so I thought it would be cool to pass on the advice :)

    Marked as helpful
    0
  • Toyyib Bayo•30
    @As-sakhowySubmitted 9 months ago

    This is my second solution to this project yet I still don't get ton the following :

    1. how to style the number list by putting between it and the content.
    2. how to style the table correctly the way it is in the project template.

    Recipe Page

    2
    Zain•150
    @zainy2401Posted 9 months ago

    Hey bro I've got some tips for you to help with your problems.

    Firstly, you are asking about the list style? I believe you can solve this by removing "list-style-position:inside;" or changing the value to outside, on line 92 of your CSS file.

    Secondly, have you considered using a table element instead of cluttering that section with paragraph and div tags? It's much easier and cleaner to build and style with. Check out this easy tutorial from w3Schools https://www.w3schools.com/css/css_table.asp that shows how to style tables.

    Otherwise you seem to be on the right track, good job so far!

    Marked as helpful
    1
  • Zain•150
    @zainy2401Posted 10 months ago

    Such a good solution, I'm jealous! I love how you've used Vue.js to build this and I'm hoping I can learn to do this soon with a JS library like this or maybe React!

    1