Skip to content
OverviewSolutions
4
Comments
4
P
Trevor Bryant
@SOLDNOTTOLD

All comments

  • ildi0818•40
    @ildi0818Submitted 7 months ago
    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
    Trevor Bryant•90
    @SOLDNOTTOLDPosted 7 months ago

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

    0
  • Trevor Bryant•90
    @SOLDNOTTOLDPosted 7 months ago

    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
  • Trevor Bryant•90
    @SOLDNOTTOLDPosted 7 months ago

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

    Marked as helpful
    0
  • Justice Sunday Gabriel•10
    @zuru122Submitted 7 months ago
    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
    Trevor Bryant•90
    @SOLDNOTTOLDPosted 7 months ago

    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