Skip to content
OverviewSolutions
16
Comments
11
Pedro Eustáquio
@PedroEustaq

All comments

  • SemptechVzla•150
    @SemptechVzlaSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    i am learning yet, no proud about anything. Nex time, i will add variables in mine css to practice them

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

    the challenge was to place an image in the button, i did overcome it by watching videos from youtube about how to do it!.

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

    i want to learn how to use varibles at css

    Pure CSS Flex-box

    1
    Pedro Eustáquio•210
    @PedroEustaqPosted 3 months ago

    Hello! You want to know how to change variables in CSS trought JS? if it is, just:

    var page = document.querySelector('.Container');
page.style.width = '200px';
page.style.backgroundColor = 'green';

    and keep going...

    or if it is, example, 100px...100vh / 100vw.... 100% | I recommend you watch some youtube videos about it, but yet i haven't found one to show you :(

    Basically:

    1. px = is for amount of pixels

    2. % = is relatable as the size of the page (if you make a container with height: 90% it cover 90% relatable to your page, ex: your page is heigth 3000px then the height of the container will be 90% of 3000px.)

    3. vh = is only for height, and its the same thing as % but it will depend on your screen (if you put height: 80vh, it will cover 80% of the screen the user is on.)

    4. vw = is only for width and its the same but with width.

    5. Try making and HTML5 changing de body with these ones, so you can see the diference!

    1
  • Pedro Eustáquio•210
    @PedroEustaqPosted 3 months ago

    Hey, you forgot to put your omellete in your repository! 🏴‍☠️

    0
  • Pedro Eustáquio•210
    @PedroEustaqPosted 3 months ago

    Parabéns pela sua primeira pagina de omelete! 🍳

    0
  • Yasser Esam•100
    @YasserEsamSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of achieving a clean and visually appealing design that closely matches the provided specifications

    Next time, I would focus on improving the accessibility features of the project. This would include adding more semantic HTML elements and ensuring that all interactive elements are accessible with keyboard navigation. I would also consider implementing a more modular CSS architecture to further streamline the styling process.

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

    One of the main challenges I encountered was aligning the design precisely with the provided mockups, particularly in terms of spacing and responsive behavior. To overcome this, I used browser developer tools to fine-tune the CSS and adjust the layout to match the design as closely as possible. I also used media queries extensively to ensure that the page looked good on both mobile and desktop screens.

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

    I would appreciate feedback on the following areas:

    1. Responsiveness: Are there any improvements I can make to ensure the layout is even more fluid across different devices and screen sizes?
    2. Accessibility: Are there any specific accessibility improvements that could be made to enhance the usability of the page for all users?
    3. CSS Organization: Does the CSS code follow best practices in terms of organization and modularity? Are there any recommendations for refactoring or improving the stylesheet?

    HTML, CSS, and responsive design Web Page

    1
    Pedro Eustáquio•210
    @PedroEustaqPosted 3 months ago

    Responsiveness: Yes there is a type of Grid called Flexbox, it is very helpful to make containers flexible and to move things inside them! Accessibility: I don't think so, normally people read recipes by scrolling down, which is present on your website. CSS Organization: its simple has that! Nice Semantic!

    1
  • Pedro Eustáquio•210
    @PedroEustaqPosted 3 months ago

    boa

    1
  • Carlos Henrique•50
    @carlos-henriqueeSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of my determination, this challenge was one of the coolest challenges i did, i learned so much even about javascript DOM manipulation.

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

    I encounter challenges about the DOM manipulation with javascript, even i thinking i was good at it. But, with some searchs, i overcome them.

    Responsive faq accordion using HTML, CSS with flexbox and Javascript

    1
    Pedro Eustáquio•210
    @PedroEustaqPosted 3 months ago

    Mandou muito bem

    1
  • Pedro Eustáquio•210
    @PedroEustaqPosted 3 months ago

    The text is brown!

    0
  • Pedro Eustáquio•210
    @PedroEustaqPosted 3 months ago

    For the calories section, use a <section> or <div> element and set it to display: block. Then, add padding between 'Calories' and '277kg' instead of using <br> and <hr>. This approach will help you and your time a lot! Keep going!

    Marked as helpful
    0
  • LimeTheCode•10
    @LimeTheCodeSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm pretty proud of how the created layout fits the design even tho i didn't have figma files for it, just pixel perfect, also BEM methodology was cool to use.

    Recipe page using Scss

    1
    Pedro Eustáquio•210
    @PedroEustaqPosted 3 months ago

    Nice and clean semantic, good CSS! Congrats!

    1
  • kei-13•20
    @kei-13Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I enjoyed the process

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

    At first I couldn't figure out how to make the text appear in different colors in the prep list without coding too much, I was able to figure it out my way but I think there's a better way to summarize it.

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

    1. I don't know why the image doesn't appear when I open it directly from the URL site, but when I open it from the code to view it, it does appears, I don't know what's missing.

    2. I don't know how to make a margin between the list of points/numbers and the text.

    Recipe page using flexbox, grid and position

    1
    Pedro Eustáquio•210
    @PedroEustaqPosted 3 months ago

    Keep going dude! why don't you try <img src="your/path/to/the/omelette"> since you got the image storage in your memory! instead of using a URL ( or maybe you forgot to put the path folder and the image in your repository! )

    Marked as helpful
    0
  • Pedro Eustáquio•210
    @PedroEustaqPosted 3 months ago

    Nice man! Just miss that light red "Preparation Time"

    1