Skip to content
OverviewSolutions
5
Comments
5
Bryan
@BataaB

All comments

  • ardaacikgoz•120
    @ardaacikgozSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I have learned the concept of Responsive Design.

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

    I have had hard times with Responsive coding. After a while I got the concept and by using media queries I have completed. I removed built-in CSS to build the whole page on my own.

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

    Any feedback related to Responsive Design.

    Responsive Product Preview Page

    2
    Bryan•70
    @BataaBPosted about 2 months ago

    Other that it being a bit big, it looks really good.

    0
  • Kameshwaran T•30
    @Kamesh-TSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I think i gained hands-on experience in Flex and Media queries.

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

    making the page responsive is some what difficult. but i overcame with css flex and media queries.

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

    I use semantic HTML elements such as section, header, main rather than using div.

    Recipe-page (CSS Flex & Media Queries)

    1
    Bryan•70
    @BataaBPosted about 2 months ago

    Other size, and font mismatches, I think the main structure and design are there.

    0
  • Lara Mesa•180
    @Lara-artSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I’m really proud of this CSS code because I made it mobile responsive without using any @media queries.

    .card { display: flex; flex-direction: column; max-width: 320px; margin: auto; padding: 40px; }

    Using place-content: center, I was able to align and justify it both vertically and horizontally.

    body { height: 100vh; place-content: center; max-width: 1440px; margin: auto; padding: 2rem; }

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

    The challenge was the same as before, which is how to center it, but I can do it like this: body { place-content: center; max-width: 1440px; margin: auto; padding: 2rem; }

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

    There's one thing I don't quite understand, and that is exactly how much a rem measures. How could I find that out?

    Social links profile solution

    1
    Bryan•70
    @BataaBPosted 4 months ago

    I am not totally certain, but I think you might need to use the place-content: center along with something like display: flex.

    0
  • MimikIsBad•20
    @MimikIsBadSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm not sure

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

    I guess positioning the card in the middle of the screen, I normally have to add a height in order to add extra space for it to move, and I am not sure if that is the normal way of creating these

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

    Centering/Positioning everything in a better way

    Blog Profile

    1
    Bryan•70
    @BataaBPosted 4 months ago

    I also used display: flex to center my card. For the height is just gave it 100vh. I am not sure about what the best practice is though.

    0
  • Bryan•70
    @BataaBPosted 4 months ago

    In terms of HTML, I would recommend: - Using more semantic tags such as <h1> and <p> for the texts in the card. - Putting the <div class=card> in a landmark tag such as <main> In terms of CSS, I would recommend: - Changing up the sizes of some elements

    Marked as helpful
    0