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

  • Camryn Tidsworth• 60

    @CamrynTidsworth

    Submitted

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

    This was my first time writing my own media queries without a tutorial so I'm proud of that. Next time, I want to get more clear on which units (em, rem, %, vh, etc.) to use when for responsive design.

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

    I encountered a few new concepts in this project including using the HTML tag and making a slightly more complex responsive design. I used google and youtube to answer my questions.

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

    Any tips on responsive design or more general constructive critiques are welcome!

    Recipe Page

    1

    Aram Hagen• 60

    @AramHagen

    Posted

    Good job! I wanna recommend this approach for import the google font to your project

    I learned how to use the & symbol to import two fonts in my HTML (family=Outfit:[email protected]&family=Young+Serif). I also learned that the <link> approach is faster and more efficient, while using @import in CSS introduces delays and additional requests.

    • @import url('https://fonts.googleapis.com/css2?family=Outfit:[email protected]&family=Young+Serif&display=swap'); in the CSS file.
    • Adding <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Outfit:[email protected]&family=Young+Serif&display=swap" /> to the <head> tag."
    2
  • Jérémy Mouzin• 30

    @jeremymouzin

    Submitted

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

    I used clamp() and vw unit to avoid using media queries for managing font sizes of text on mobile/desktop

    Blog Preview Card

    2

    Aram Hagen• 60

    @AramHagen

    Posted

    Great! I really like the use of clamp(). That was new to me and a great learning opportunity!

    1
  • Aram Hagen• 60

    @AramHagen

    Posted

    Great! If you add padding to your container class is better so you don't need to add margin to your image and all of your box separately.

    0
  • Ashish Kumar Mohan• 10

    @vengeance-mak

    Submitted

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

    • Understanding the box model and how to leverage it to build the solution, took some time

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

    I have tried my best to create this website. It would be better if we can improve up on it, in terms of simplifying the CSS or leveraging other tools to get a better output.

    So, It would be better to know good tips about how to make the CSS better to get the output as intended, would be beneficial for next projects.

    Thanks for this beautiful project

    Responsive QR code component using CSS Grid

    1

    Aram Hagen• 60

    @AramHagen

    Posted

    The height of the card is not match with design. You didn't need to use for container. font-size of title is 22px not 18px.

    Marked as helpful

    0
  • Aram Hagen• 60

    @AramHagen

    Posted

    Great! It will be better if you work on its responsive. Also, try not to have scroll you can fix the footer the top.

    0
  • Aram Hagen• 60

    @AramHagen

    Posted

    Great! You can use css variables. `:root { //colors--------------- --PattensBlue: #d5e1ef; --white: #ffffff; --SlateGrey: #68778d; --CatalinaBlue: #1f3251;

    //breakpoints------------ --mobileSize: 375px; --desktopSize: 1440px;

    //font weight-------------------- --light: 300; --regular: 400; --medium: 500; --bold: 700;

    //font family--------------------- --fontFamily: "Outfit", sans-serif; }`

    1