best practice to have flex result

hello,

i have a menu for a restaurant on that page :

i use grid css to layout the dishes and prices.

but i would like to improuve to have the dots immediatly from the end of each sentence to the price.

actually with long sentence i have return and dots are from the first line to price because its a column

anyone have an idea ?

actual css

.grid {

 display: grid;

grid-template-columns: minmax(100px , max-content) minmax(10% , auto) max-content;

grid-template-rows:auto;

padding-bottom:1%;

}

.box1 {

 text-align: left;

}

.box2 {

 border-bottom: 1px dotted #222;

}

.box3 {

 display: flex;

 align-self: flex-end;

}

thanks

Comments

Sign In or Register to comment.