@TerezL
Latest solutions
Four Card Feature Solution using CSS Flexbox and Bootstrap
#bootstrapSubmitted 8 months agoAs you will notice when you transition into smaller screen my card-karma's width stayed the same unlike the other. Kindly, help me with automatic adjusting it with the same width as the other cards. Please. Also, any feedback will be appreciated. TYSM!
Product Preview Card Component
#bootstrapSubmitted 9 months agoprobably usage with CSS. I applied flexbox in my HTML based on bootstrap but at the same time I still applied flexbox in my CSS to achieve my desired result based on the picture given. It's giving redundancy. I think my code isn't clean. Please roast me in this challenge gently. Any feedback will be much appreciated. Thank you in advance.
Responsive Recipe Page
#bootstrapSubmitted 9 months agoAny feedback will be much appreciated. Thank you!
Responsive Blog Preview Card
#bootstrapSubmitted 9 months agoPlease don't go after me as I am still learning. I have tried my very best and I am open for more feedbacks. Enlighten me on when to use and , and .
Latest comments
- @Joewanaaa
Hello! I notice that it's not responsive when it comes to medium screen size devices. I suggest use media queries for medium devices too. Also, you could adjust the width of the cards to have their widths all the same size. :)
Marked as helpful - @Aryan150304@Joewanaaa
Hello, good job with this one. I would probably center the initial price. Also, I would put a margin bottom in the ad to card to bottom so it will still looks like it's inside your container.
- @ycezzWhat are you most proud of, and what would you do differently next time?
not good but not bad also with the results, in my opinion still there's something missing.
What challenges did you encounter, and how did you overcome them?takes more time to set up the table, and is responsive on mobile screens.
What specific areas of your project would you like help with?I feel my code is a little confusing, next time maybe I can simplify it.
@JoewanaaaHello, I believe the URL you provided for the live site and solution is incorrect? It's giving 404 error.
- @snehalbargaje291@Joewanaaa
Hello! I recommend having an eternal CSS file so that your HTML file is not too long. Also, try using the card component from bootstrap since you're using it already :)
- @JoewanaaaWhat challenges did you encounter, and how did you overcome them?
On my very first challenge (QR-code) somebody told me to use sematic HTML, to use section or article for the approach instead of the divs. On this second challenge I did the feedback of what I was given. My problem is I'm not sure when to use the or . I read a lot of which should I use of the two.
What specific areas of your project would you like help with?Please don't go after me as I am still learning. I have tried my very best and I am open for more feedbacks. Enlighten me on when to use and , and .
@JoewanaaaOmg! what I mean is enlighten me when to use section and article, p tag and span.
thank you!
- @rainofWhat are you most proud of, and what would you do differently next time?
I am proud of myself for giving my best effort to complete this project successfully. It's a great beginning for learning to create detailed, real-world web elements.
What challenges did you encounter, and how did you overcome them?I faced challenges with the complex design, which felt overwhelming at first. However, by encouraging myself and breaking down the elements, I was able to tackle it step by step until it was finished.
@JoewanaaaYou're doing a great job! However, the challenge requires only HTML and CSS. Again, this is too advance for you hahah as a beginner I am positively overwhelmed with your code (as you can tell I only know HTML and CSS). But overall very good! :))
