Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • ildi0818• 40

    @ildi0818

    Submitted

    What are you most proud of, and what would you do differently next time?

    I think I'm starting to understand the essence of the mobile first and why we start coding with it first. Unfortunately, I didn't start with that, so it was more difficult. But it helped me understand.

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

    Dynamically scaling the image was a bit more difficult.

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

    The sizing of the image caused minor difficulties in order to reduce its size proportionately. I could not remove the bottom line of the table, I only set the same color as the background. I tried to use a css variable, but I wasn't sure if I should assign it to, for example, "li".

    My recipe page

    2

    P
    Trevor Bryant• 90

    @SOLDNOTTOLD

    Posted

    This looks really good! Did you ever find a solution for removing the bottom line of the table?

    0
  • P
    Trevor Bryant• 90

    @SOLDNOTTOLD

    Posted

    I noticed you didn't use a separate stylesheet for this project and added the style changes to your html file. Did you find it easier to complete this without having one?

    0
  • P
    Trevor Bryant• 90

    @SOLDNOTTOLD

    Posted

    This looks pretty good! Did you test this on any mobile devices?

    Marked as helpful

    0
  • Justice Sunday Gabriel• 10

    @zuru122

    Submitted

    What are you most proud of, and what would you do differently next time?

    I am happy that I've started a challenge that will shape my future. I am happy that I understands how div works as a container and how to style content or set a layout using css

    For now, I don't know what to do differently, maybe a more efficient way of solving my problems.

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

    I strugled trying to predit the size of the parent container so as to fit the prototype image that I am to replicate. yes, I was able to achieve that with the plus and minus lol...

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

    I didn't add shadow yet, I haven't learnt that one but I will come nack and effect the changes once I understand how shadows works

    QR code component

    2

    P
    Trevor Bryant• 90

    @SOLDNOTTOLD

    Posted

    You can adda box shadow by using the the box-shadow property. For example, you could have a class called .box and tin your stylesheet add the box-shadow property. An example would be

    .box { width: 200px; height: 200px; background-color: #4CAF50; margin: 20px; box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); }

    Also for reference: (box-shadow: h-offset v-offset blur spread color;)

    0