All comments

• 

  ramagall•30

  @ramagallSubmitted about 1 month ago

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

  I think I did a pretty good job replicating the webpage provided. In the future I need to remember that images need set heights and widths otherwise different browsers and os's can make the page look very wonky.

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

  As stated before the only real issue I encountered was that my page did not look correct on iOS. When attempting to go to the live site on my iPhone the profile picture would get distorted and start to look larger than it should. I found out that this was because I did not set an exact height and width for the image and instead only a percentage based one. This can cause issues depending on the browser and OS apparently.

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

  I think I am happy with all areas in this project, but I am open to criticisms.

  

  Social links profile with just flex boxes

  2

  20
  

  Hadisuhail188•60

  @Hadisuhail188Posted about 1 month ago

  I think it is great but you could improve it by linking your social accounts to the buttons

  0
• 

  Eric•70

  @esurrealSubmitted 7 months ago

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

  I resubmitted the solution with the desktop design.

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

  I was not able to change the color of the numbers in the list. Also, not sure how big to make this on the desktop, but it seems to work in the responsive tests.

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

  Any helpful tips or tricks are always appreciated.

  

  Recipe Page using CSS and HTML

  1

  30
  

  Hadisuhail188•60

  @Hadisuhail188Posted 7 months ago

  you can change the colours of the ordered list items by doing: ol{ color: "the color you want" }. the reason why this will work is because this is the only section with ordered list items

  0
• 

  Sunil Kumar Nayak•20

  @Sunilk2001Submitted 7 months ago

  

  Responsive QR code with CSS

  2

  20
  

  Hadisuhail188•60

  @Hadisuhail188Posted 7 months ago

  To make the picture display show up try putting the picture in the same location as your index file.

  Try using border radius to round the edges.

  Marked as helpful

  1

  This comment has received 1 replyShow
• 

  P

  Benhemin•180

  @BenheminSubmitted 10 months ago

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

  .

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

  .

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

  .

  

  Omelette Recipe Page using HTML and CSS

  2

  50
  

  Hadisuhail188•60

  @Hadisuhail188Posted 10 months ago

  The best way to distinguish between mobile and desktop width sizes involves using media queries in your CSS.

  eg: @media only screen and (min-width: 768px) { /* Desktop-specific styles */ .container { width: 80%; margin: 0 auto; padding: 20px; } }

  the min-width 768 is just an example so you might have to make some changes.

  0