Skip to content
OverviewSolutions
4
Comments
4
Tarps240
@Tarps240

All comments

  • hopefulobject•80
    @hopefulobjectSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of how efficient I am getting at figuring out the solutions to problems when I get stuck.

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

    The image in this project kept overflowing off the page and I overcame this be removing the fixed height I had set for body. ( height: 100vh to min-height: 100vh)

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

    What is the best way to measure distances on my browser window? This would be helpful as I would be able to compare these distances with the distances in the design file.

    Recipe page using lots of rems and flexbox.

    1
    Tarps240•60
    @Tarps240Posted about 2 months ago

    The fonts look good, but I would work on making sure the background colors are correct, and the border-radius on the image and recipe card container are correct. For this project, try wrapping the entire recipe card in a wrapper in order to better style it (i.e. right after your <main> or give your <main> element a class like this <main class = "wrapper"> and styling that for the main recipe card. I would also try to cut down on the spacing in the HTML and CSS just for readability, once your files and projects get bigger it will be harder and harder to read and it will take longer to load with excess spacing. Otherwise, keep up the good work!

    0
  • Howslifem8•50
    @Howslifem8Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of how I structured my code. I structured everything layer by layer, and used every semantic tag I could. I believe my CSS structure wasn't too bad either but I do know I can make it more efficient with less used CSS classes.

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

    The biggest challenge for me was just getting started with the profile card. Once I had designed that into the rectangle I needed, the rest was very easy to add to it.

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

    Responsive Web Design (RWD) is what I'd need help with. I tried adding a query to my code for bigger sized iphones but it's extremely basic and I wasn't very happy with it. Next time I plan on beginning my design phase on smaller screens, then I'll add the scale / additional functions the bigger the screen gets.

    Basic Social Link Card

    1
    Tarps240•60
    @Tarps240Posted about 2 months ago

    It look good to me, I would leave out the attribution in the final project. Also, you dont need to have the links in a separate "Links-container", if you plan on going further with web-development I would suggest getting used to camelCase words for code or at least not capitalizing your classes and Id's as this will confuse most coders and also JavaScript. Lastly, you didnt need to make your links into buttons. you could have just had:

    <ul> <li><a href = "#" target = "_blank" class = "list-item">Instagram</a></li> </ul> and styled them that way. the button semantic can stand on its own outside the link element so you can use one or the other in the future. Great job though!
    0
  • Tarps240•60
    @Tarps240Posted 2 months ago

    looks good to me.

    1
  • Tarps240•60
    @Tarps240Posted 2 months ago

    I wouldn't change a whole lot honestly, I would put the styles that are in the index.html into the styles.css file just to keep them in the same place. I would also remove the attribution from the footer element since its not visible in the final project and its just making the browser read code that is not displayed to the user.

    Marked as helpful
    0