Skip to content
OverviewSolutions
26
Comments
10
Tahsin YT
@Randomgituser69

All comments

  • ed•40
    @Barcode77
    What are you most proud of, and what would you do differently next time?

    The blog preview challenge has taught me how to adapt my approach to coding. Taking time to see, and notice the structure & flow, first. To spend my time in the inspect box more than development area, as it's where i get to quickly test. With this, I appreciated the work of community mentors, and how we write unorganized code that can be unreadable. So i added comments and whitespace to improve readability and used a simple HTML structure! I also used feedback from previous projects,and used media queries to improve my project.

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

    any feedback is welcome

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

    In coming projects, i seek to improve on fonts. and responsive design

    Blog preview card

    1
    Tahsin YT•270
    @Randomgituser69

    This component is missing a border plus also when you're coding a component. You don't actually have to use media query since the size will get adjusted. Plus I'm not sure if it's ok to use the main tag for the content inside the component but it's best not to use it like that. Instead use main like this which is shown below:

     <main>
<section class="">
 <header>
    <img src="" alt="">
    <p class=""></p>
    <p class=""></p>
  </header>
 <div class="">
      <h2></h2>
      <p></p>
 </div>
</section>
 </main>

    As for what you've using main for before, better to use a div with a class. Also for the component, it's better to use section as a container for the component.

    Marked as helpful
  • irene•120
    @irene-panis
    What are you most proud of, and what would you do differently next time?

    getting my css grid reps in :) in terms of what i'd do differently i do want to get used to nesting in css as it looks a little cleaner that way

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

    had an issue with the grid taking up its entire parent container and looking wayyy too tall, i solved this by tacking on margins

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

    im kinda not sure if the y-margins were the right call as i tend to avoid using margins if i can help it but yea lmk if there was a better way to get my grid to be "smaller"

    Testimonials using CSS Grid

    1
    Tahsin YT•270
    @Randomgituser69

    Accurate

  • Tahsin YT•270
    @Randomgituser69

    It's better than mine and almost accurate but the box shadow is too dark

    Marked as helpful
  • rafi b•260
    @raficode2303
    What are you most proud of, and what would you do differently next time?

    using:

    • Semantic HTML5 markup
    • LQIP - low-quality image placeholder
    • searching for iseues via AI copilot

    next time i try CSS GRID/FLEX

    What challenges did you encounter, and how did you overcome them?
    1. using the ::marker pseudo-element

    2.how to apply a different colors in tag, one color for the list-style-type and second color for the text

    1. ways to vertically centering the ::marker pseudo-element
    • searching for iseues via AI copilot, stackoverflow, w3schools
    • too-much-css make more problems
    What specific areas of your project would you like help with?

    is it possible to vertically centering the ::marker pseudo-element without using tricks in may(05/2024)?

    recipe page using Semantic HTML5 markup and LQIP

    1
    Tahsin YT•270
    @Randomgituser69

    It's aight

  • Omkar Jadhav•270
    @omk1r
    What are you most proud of, and what would you do differently next time?

    I am proud of the time I invested in completing this challenge.

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

    I encountered the challenge to match the color of the paragraph with the design. I tried to match it by lowering the value of the white color.

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

    I want the help with responsive

    social-media-card-fm

    2
    Tahsin YT•270
    @Randomgituser69

    It's ok but the paragraph tag about her is too thin

  • Rodrigo Cont Joviano dos Santos•100
    @Cjsrodrigo
    What are you most proud of, and what would you do differently next time?

    I'm mostly proud of being able to structure and style the whole challenge in my mind before starting coding.

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

    The hardest part for me was getting used with paddings and margins, still improving, but 100% better than the last project.

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

    Still need to improve my learning on making apps for different screen sizes.

    Blog Preview Card

    1
    Tahsin YT•270
    @Randomgituser69

    It's aight.

  • Tahsin YT•270
    @Randomgituser69

    Idk

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

    With this project, I started to teach myself bootstrap. It felt like a learning curve, but I feel that it came together pretty well.

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

    Trying to figure out the rows and columns, as well as centering the card in the middle of the page

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

    During the build, I was having a hard time making the component deploy properly to mobile. It still deploys but not the way it was supposed to per the instructions.

    Card Component

    1
    Tahsin YT•270
    @Randomgituser69

    The container or card color must be white besides the background color being cream plus the font family should be Montserrat sans-serif and for h2,span. It should be Fraunces serif font family. If you don't know how can you do that then go google font then search for the font. Then click on get embedded code then copy and paste it to your code. H2 font size should be 700 and it's style bold.

  • Tahsin YT•270
    @Randomgituser69

    Not sure if semantic html but input border is too thick plus the success doesn't show when entering valid email then clicking on button. Need to fix that. Overall the design is ok but need to fix the success modal problem.

  • Abdelrahman mohamed•230
    @Tayara97
    What are you most proud of, and what would you do differently next time?

    .

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

    .

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

    how to make elements inise the box with border-radius without adding overflow hidden?

    Article-Preview

    1
    Tahsin YT•270
    @Randomgituser69

    I don't see any problem in this code. This was perfect and better than mine