Skip to content
OverviewSolutions
38
Comments
5
Andrey
@AndreyDimitrov3

All comments

  • Kaveesha•40
    @kaveeshagimSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I'm super with the end result. Designing this recipe page was super fun and im proud of myself for designing it in a short period of time using the past experiences of frontend mentor challenges.

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

    I had a little trouble with the list styling, especially the spacing between the list type and the text spacing. i learned new css list properties such as list-style-position. I overcame this problem by looking up how to add spacing between list style type and the text

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

    I would like to know how my solution is in general considering the fact that i designed everything without using the figma design file (since im not a pro member i didnt have access to it) and had to eyeball all the measurements

    Recipe Page using HTML and CSS

    1
    Andrey•680
    @AndreyDimitrov3Posted about 1 month ago

    Great job on completing this first project!

    Your solution looks really good. When it comes to learning projects, it doesn’t always have to be pixel-perfect. However, if you're aiming for a more polished, professional look, you can explore tools like Pixel Perfect or check out other online solutions for reference(I sometimes do that by inspecting their code).

    Keep on going!

    0
  • Fabiosdl•60
    @FabiosdlSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of that after not coding frontend for a while I could do this challenge in one day, with a pretty close design.

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

    At first, I thought I could place all the social media anchor tags inside the same container, so that when I styled the container, all the anchor tags would follow the same design. However, this resulted in a large block containing all the links. Then I realized that I should apply the same class to each anchor tag individually. This way, when I style the class, it will be reflected in all the elements using it.

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

    I still have difficulties using css. idk what display I should use.

    Social Media Links using html + css

    1
    Andrey•680
    @AndreyDimitrov3Posted about 2 months ago

    Well done on finishing your first project.

    If you are confused to what display you should use i can recommend w3schools: https://www.w3schools.com/cssref/pr_class_display.php You can see different examples on what to use and when is it used. In my experience the most common ones are inline, block, flex and grid.

    Keep on going!

    Marked as helpful
    2
  • AlvaroPrates•130
    @AlvaroPratesSubmitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'll definitely not forget to set the img display to block

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

    I was having some trouble with the image, but it was only a matter of display and object-fit properties.

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

    Is the responsiveness okay? Should I worry when the screen gets too small, like < 200px?

    Perfume Preview Card Component

    1
    Andrey•680
    @AndreyDimitrov3Posted 2 months ago

    Well done on finishing this project. I think you have done a great job!

    Regarding yourquestion - "Is the responsiveness okay? Should I worry when the screen gets too small, like < 200px?"

    Typically, I design my pages to be responsiveness down to about 280px. However, the standard minimal width for most devices nowadays is 320px. So, you generally shouldn't need to worry about widths smaller than that

    Marked as helpful
    3
  • Zeref1028•10
    @Zeref1028Submitted 4 months ago
    What challenges did you encounter, and how did you overcome them?

    I have a little knowledge of media queries thats why im having a problem in that part where the container is not at the center eventhough i used, display: flex; justify-content: center; align-items: center; Although I wanted it to work with this code but it wont budge thats why I tried a different solution which is margin-top.

    Mobile-first solution using CSS Grid and Flexbox

    3
    Andrey•680
    @AndreyDimitrov3Posted 4 months ago

    Well done on finishing your first project. I have just one suggestion for you. You could try setting the container height to:

    height: 100vh; (100vh = 100 viewport height) which will automatically display the content in the center of the page.

    Otherwise everything seems alright. Keep on going!

    0
  • Andrey•680
    @AndreyDimitrov3Posted 5 months ago

    Well done on finishing your first project.

    I have just one suggestion for you. Instead of setting margin to the container(main) you could try:

    display: flex;
justify-content: center;

    which will automatically display the content in the center of the page on any device.

    Otherwise everything seems alright. Keep on going!

    Marked as helpful
    0