Frontend Mentor | beqqi's profile

@rodelulSubmitted 3 months ago

Recipe page

@beqqiPosted 2 months ago

This looks perfect, almost identical. Only slight(minutiae) improvements on the line(divider) color, the first paragraph, and the boldness of the "preparation time" text. You will find the exact color in hsl in the style guide of the downloaded files.

0

AlvaroPrates•130

@AlvaroPratesSubmitted 3 months ago

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

As this project has specific layout requirements for various devices, I have started learning about rem units and the max-width CSS property to enhance page responsiveness. Additionally, I’ve explored media queries to adjust the profile card’s design for different screen sizes. I think I did a good job on those.

Social Links Profile - HTML and CSS

3

beqqi•40

@beqqiPosted 3 months ago

perfect!

1

Dylan•290

@dquinn089Submitted 4 months ago

What are you most proud of, and what would you do differently next time?

I am most proud of figuring out how to use media queries in my CSS to help with more responsive design for different aspect ratios and devices. Depending on the next project, and if it leans more towards a particular styling for mobile devices, I will most likely look to start with mobile styling and work into desktop and other aspect ratio designs.

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

The biggest challenge was adjusting the positioning of elements through the CSS design. the QR Code project elements seemed to fall into the proper positions and spacing almost on their own.

I overcame this problem after messing with the padding and margin properties of each element, by setting global padding and margin properties:

body, html {
    margin: 0;
    padding: 10px;

With all elements set with these global properties it became much easier to identify the positioning and make the adjustments for each element.

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

Any suggestions for cleaner more concise code, between both HTML and CSS. Although i pride myself in being organized, I cant help but feel like their are always ways I could be writing less code while achieving the same outcome.