Skip to content
OverviewSolutions
5
Comments
7

Mine

@Mineshaye90 points

Hey there👋,I'm Mine a CS student new to web-development ,I like designing, be it websites or even cakes. I'll write something cooler in the nearest future 😎.

Latest solutions

Latest comments

  • Christian Chirtoaca•120
    @Chirtoaca94
    What are you most proud of, and what would you do differently next time?

    I am most proud of working through the responsive layout problems, particularly around the image issues. Next time I will use the image as a background image for a container. This seems to be much easier for creating responsive layouts.

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

    Deploying to Git and then creating a live preview of the component online (which I eventually did via Vercel) Quick researches helped me to overcome these challenges.

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

    Mainly around responsive best practices and pointing out bad practices that may cause issues down the line.

    Responsive Product Preview Card Component

    1
    Mine•90
    @Mineshaye

    Hi @Chirtoaca94 congratulations on completing this project ,something I learnt recently about responsive designs and CSS in general is to avoid absolute units like px and use relative units.

  • osenprema•170
    @osenprema
    What are you most proud of, and what would you do differently next time?

    I am proud to have completed the challenge. Trying to make it as similar as possible was tricky, but I think I did a good job. I improved my CSS skills.

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

    My challenges were using local sources and making a responsive design using Media Querys. I researched the subject and learned new things.

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

    The last row of the table in the Nutrition section has no bottom border. I tried to bypass it with Pseudo Classes (e.g. table tr:last-child), but couldn't. I opted to use a "no-border" class for the last row, since it is a static table. Any feedback is welcome!!! :)

    Recipe Page using HTML and CSS

    2
    Mine•90
    @Mineshaye

    Hello! 👋 Great job on completing the challenge successfully! 🎉 I wanted to share a suggestion about your code that I think you'll find useful.

    -I added a class to the last row of the table, and in CSS, I applied the property "bottom-border: none" to it. Feel free to give it a try yourself as well.

    HTML

            <tr >
          <td class="lastrow" >  Fat</td>
          <td  class="lastrow" > 22g</td>
        </tr>

    CSS

    .lastrow{
  border-bottom: none;
}

    -In the exercise folder, there's a file called "style-guide.md" that outlines all the project specifications, such as colors and font families. This means you won't have to visually assess the style elements.

    I hope you find this tip helpful! 😄 Above all, the solution you submitted is great! Keep up the great work, and happy coding!

    Marked as helpful
  • Alex Bergelin•90
    @ABergelin
    What are you most proud of, and what would you do differently next time?

    I feel like this solution is the closest I've got to the design yet.

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

    Used mozilla docs to look up min and max width to enable responsive design.

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

    Nothing specific here, happy for any and all feedback.

    Recipe page with html and css

    1
    Mine•90
    @Mineshaye

    Hello! 👋 Great job on completing the challenge successfully! 🎉 I wanted to share a suggestion about your code that I think you'll find useful.

    Within the exercise folder, there's a file labeled "style-guide.md" containing all the project specifications, including colors and font families. This means you won't need to visually evaluate all the style elements. If you have any questions or need clarification, don't hesitate to ask. I hope you find this tip helpful!

    😄 Overall, the solution you submitted is great! Happy coding!

  • Zehn77•60
    @Zehn77
    What are you most proud of, and what would you do differently next time?

    Responsive

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

    min-width

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

    Code Review!

    Social links profile

    3
    Mine•90
    @Mineshaye

    Pls how did you align the card at thr cecter vertically,I did that with align items center but it did'nt work.

  • 1deadjoe•370
    @1deadjoe
    What are you most proud of, and what would you do differently next time?

    I am prod that I handled the flexbox better that in the previous challenge. I am getting more familiar with the different styling techniques and options.

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

    I had a challenge centering the content, again, although this time persistence only did the trick. I am getting better at it.

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

    I would like help with the fonts please. I tried severally but could not manage. I used the link to google fonts to manage.

    BLOG PREVIEW USING HTML AND CSS

    1
    Mine•90
    @Mineshaye

    Hey There! I think this can youtube video can be of help for the fonts https://www.youtube.com/watch?v=g15mF_XAOB8.

    Marked as helpful
  • Guilherme Costa•100
    @cdGuilherme
    What are you most proud of, and what would you do differently next time?

    I'm proud of how the code turned out, this helped me practice writing CSS by trying to get as close to the solution as possible.

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

    These are the following challenges I encountered during this project:

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

    I would like to know how to better approach aligning elements using CSS.

    QR Code Challenge using CSS

    2
    Mine•90
    @Mineshaye

    The design looks good and fits well. I encountered a similar issue, and here's a YouTube video that could be helpful https://www.youtube.com/watch?v=QdITQ4upjME.

View more comments