Bryan

Latest comments

• 

  ardaacikgoz•120

  @ardaacikgozSubmitted 6 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

  10
  

  Bryan•70

  @BataaBPosted 6 months ago

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

  0
• 

  Kameshwaran T•30

  @Kamesh-TSubmitted 6 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

  10
  

  Bryan•70

  @BataaBPosted 6 months ago

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

  0
• 

  Lara Mesa•250

  @Lara-artSubmitted 9 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

  60
  

  Bryan•70

  @BataaBPosted 9 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 9 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

  40
  

  Bryan•70

  @BataaBPosted 9 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
• 

  Muhammad1917•40

  @Muhammad1917Submitted 9 months ago

  

  html and css solution with flex

  1

  30
  

  Bryan•70

  @BataaBPosted 9 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